タグ

ブックマーク / blog.hog.as (14)

  • 拡張機能「twitter画像原寸ボタン」v5.2.1公開 - hogashi.*

    拡張機能twitter画像原寸ボタン」 v5.2.1 を公開しました (数日のうちに更新されるはず) 。 公式 Web でたまに画像が webp で表示されることがあり、その場合は name=orig での表示ができないようなので、 webp のときに限ってかわりに name=4096x4096 を使うようにしました *1 。手元で確認した限り、同じ仕様 *2 で表示できるようなので、拡張機能としての挙動の変化は URL やファイル名が変わるくらいのもので、基的な体験は変わりません。 ついでに、ダークモードのとき Original ボタンが見えないことがあったので修正しました。表示はされているけど色が黒く、背景と同じ色になってしまっていたので、見える色になるように調整しています。 インストールはこちらから: Google Chromechrome.google.com Micro

    拡張機能「twitter画像原寸ボタン」v5.2.1公開 - hogashi.*
    Windymelt
    Windymelt 2023/08/02
    私も愛用しています!
  • marquee 入れ子 どうなる - hogashi.*

    <marquee scrollamount="1" direction="right"> <div style="width: 100px; height: 100px; background-color: green;"></div> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="9"> <div style="width: 100px; height: 100px; background-color: green;"></div> </marquee> </marquee> <marquee scrollamount="10" direction="right"> <marquee scrollamount="10"> <div style="width: 100px; h

    marquee 入れ子 どうなる - hogashi.*
  • イヤホン / 考え過ぎる - hogashi.*


    "" ()
    イヤホン / 考え過ぎる - hogashi.*
    Windymelt
    Windymelt 2023/05/05
    最近は人と話すのが大事だなと思っています、不安がトリガーとなって堂々巡りに考えてしまうことがあるので、その根本を絶つという感じです
  • aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*


     Advent Calendar 2022 - Hatena Developer Blog 2023/1/5  id:hogashi   3   1:  2: id="top" 3a href  #top  調    <a href="#top"></a>  MDN a HTML  <a>: The Anchor element - HTML:
    aタグで#topにリンクするとページ先頭にスクロールするのは仕様 - hogashi.*
  • CSSのcounters()で箇条書きの数字をカスタマイズできておもしろい - hogashi.*


    CSS  counters()  1.1  counters() - CSS&colon; Cascading Style Sheets | MDN    使   @counter-style kotonohanoniwa { system: fixed; symbols:   ; suffix: " "; } ol { counter-reset: kounter; } ol li { counter-increment: kounter; margin-left: 30px; } ol li::marker { content: counters(kounter, '', kotonohanoniwa) ") "; } ol 1 1,
    CSSのcounters()で箇条書きの数字をカスタマイズできておもしろい - hogashi.*
    Windymelt
    Windymelt 2022/11/02
    面白い!
  • ランダムで色々気付いてみる - hogashi.*

    web サイトの html のうち、 body タグ以下のタグをランダムで選んで様子を変える、というのを思いついて遊んでいた。 ランダムで灰色背景・白文字になっていく google.com let count = 0; const timer = setInterval(() => { const allElements = document.querySelectorAll('body *'); const randomIndex = Math.floor(allElements.length * Math.random()); const targetElement = allElements[randomIndex]; console.log(count++, targetElement); targetElement.style.background = 'gray'; targe

    ランダムで色々気付いてみる - hogashi.*
    Windymelt
    Windymelt 2022/10/12
    良い記事
  • Slackはハイライト部分をU+E000とU+E001で囲って表していそう - hogashi.*

    Slack は、メッセージのどこからどこまでハイライトするかを、 Unicode の私用領域 *1の U+E000 と U+E001 を使って表しているらしく、こういう HTML を glitch とかで書いて、 <html> <head> <meta property="og:title" content="Slackで&#xE000;タイトルをハイライト&#xE001;する" /> <meta property="og:description" content="Slackで&#xE000;説明&#xE001;も&#xE000;好きな部分をハイライト&#xE001;する" /> </head> </html> そのページを Slack で展開させたりすることで、好きな部分を勝手にハイライトできて面白い *2 *3。 ちなみに printf "\ue000寿司\ue001が光ったら成功"

    Slackはハイライト部分をU+E000とU+E001で囲って表していそう - hogashi.*
    Windymelt
    Windymelt 2022/10/06
    面白い!!!
  • ■ - hogashi.*


    The quick brown fox jumps over the lazy dogazo4 $ perl -e 'print join qq(\n), ( > split q(), q(thequickbrownfoxjumpsoverthelazydog.) > )' | sort | uniq -c 1 . 1 a 1 b 1 c 1 d 3 e 1 f 1 g 2 h 1 i 1 j 1 k 1 l 1 m 1 n 4 o 1 p 1 q 2 r 1 s 2 t 2 u 1 v 1 w 1 x 1 y 1 z ja.wikipedia.org
    ■ - hogashi.*
    Windymelt
    Windymelt 2022/09/11
    echo "The quick brown fox jumps over the lazy dog" | tr A-Z a-z | tr -d ' ' | sed "s/./\\0\n/g" | sort | uniq -c
  • ASCIIコード表でZとaの間には記号がある - hogashi.*

    ASCII コード表で、大文字 Z と小文字 a の間には [ \ ] ^ _ ` の 6つの記号が含まれている。正規表現で [A-z] とか指定してしまうと、アルファベットだけではなくこれらの記号も含まれてしまうことになる。 www.cs.cmu.edu なんでこれを見てたかというと、それが原因となった脆弱性が shell-quote - npm という npm パッケージで出ていたからなのだった (修正バージョンはすでに出ている) https://nvd.nist.gov/vuln/detail/CVE-2021-42740 。バッククオートが含まれているのでコマンドインジェクションということだった。 ちなみに bash ではこれで確認できて便利、と思ったけどバックスラッシュが出てなかった。 $ echo {Z..a} Z [ ] ^ _ ` a ASCII コードで大文字にすぐ続けて

    ASCIIコード表でZとaの間には記号がある - hogashi.*
    Windymelt
    Windymelt 2022/06/23
    特定のビットを立てたり倒したりすることで大文字小文字の変換ができるから、というのが理由としてあげられそう。 https://stackoverflow.com/questions/1136156/is-there-any-logic-behind-ascii-codes-ordering
  • ポンペイ展よかった - hogashi.*


    kyotocity-kyocera.museum  https://kyotocity-kyocera.museum/exhibition/20220421-20220703  () () OK pompeii2022.jp 
    ポンペイ展よかった - hogashi.*
    Windymelt
    Windymelt 2022/05/16
    良さそう、行ってみようかな。
  • 雑談の肴になるものがあると気楽に話せる気がする - hogashi.*


     Google Maps PC 
    雑談の肴になるものがあると気楽に話せる気がする - hogashi.*
    Windymelt
    Windymelt 2022/02/03
    最近はぶらつくとき、そういう話のネタになりそうなものを無意識に集めがちだな~。リモートだと共通の話題が欠けていってしまうので、妙な物を食べたり買ったりしている。
  • 夢日記です - hogashi.*

    夢、新居に人を招いて机を設置して寝ようとしたところ大地震に見舞われる、家中の電話が速報のために鳴りそっちのほうが怖くて何も出来ない。 引っ越して新居に居り、机が木曜に届く、ということと、エアコンがタイマーで切れて暑かったことで引き起こされた悪夢という感じ。自分はかなり精神的に参っているのではと自分でも不安になる。 夢見ひどすぎて起きた— ランゲンタール (@hogextend) 2020年8月18日

    夢日記です - hogashi.*
    Windymelt
    Windymelt 2020/08/19
    この季節エアコンにタイマーかけちゃダメだぞ
  • まさわだまわし - hogashi.*


     id:hogashi  masawada Advent Calendar 2019 - Adventar 8 id:mazco  1*1     https://hogashi.github.io/masawada-mawashi  masawada  3D 6   6 masawada  6() 40
    まさわだまわし - hogashi.*
    Windymelt
    Windymelt 2019/12/08
    フォントが良い!!!!!
  • ■ - hogashi.*


     /"" ""12210144 使 3 2
    ■ - hogashi.*
    Windymelt
    Windymelt 2019/01/10
    なるほど
  • 1