タグ

2015年6月21日のブックマーク (4件)

  • javascriptのカスタムイベントを作ろう! - tumblr

    デフォルトで用意されているイベントは、基的にはブラウザがfireすることで要素に登録されたイベントリスナーが呼ばれるわけなんですが、このイベントのfireを開発者側でも行えるワケです。これはテスト用途での使われることが多いみたいです。 というわけでそのイベントのエミュレートと独自イベントの合成を学んだので覚書。サイじゃ合成イベントなんて言われてるけど、googleで検索するとカスタムイベントって言われるほうが多いみたい。 おおまかな流れ(IE除く) イベントオブジェクトの作成 イベントオブジェクトの初期化 イベントのディスパッチ(発火) という感じ。発火の前にはaddEventListenerで任意の要素に、イベントハンドラを登録する必要があります。 イベントオブジェクトの作成 var event = document.createEvent(type); 引数のtypeはイベントタイ

    javascriptのカスタムイベントを作ろう! - tumblr
  • CSS Color Module Level 3

    CSS Color Module Level 3 W3C Recommendation 18 January 2022 More details about this document This version: https://www.w3.org/TR/2022/REC-css-color-3-20220118/ Latest version: https://www.w3.org/TR/css-color-3/ Previous version: https://www.w3.org/TR/2021/REC-css-color-3-20210805/ History https://www.w3.org/standards/history/css-color-3 Editor's Draft: https://drafts.csswg.org/css-color-3/ Impleme

  • calc()とvw単位を使った飛び出すpre要素

    飛び出すpre要素っていうのは昔書いた描画領域一杯にpre要素の幅を拡大するテクニックと目指す見た目は同じもの。以前考えたものはちょっとの間使ったもののバグが多くすぐやめた。このテクニックは大きい要素を左右に付け、はみ出した部分を隠すというものだった。それをvw単位を使ってビューポートの幅を取り、それとcalc()を組み合わせることでどうにかしようという試み。 Demo: Expand pre Element #2 pre要素の左右が#f0fの矩形で埋められている。Chrome 35、Firefox 30、そしてInternet Explorer 11で確認できる。Mobile Safari 7ではうまく動かない(多分vw単位の問題のような気がする)。わかりやすいように左右に追加する擬似要素の背景の色を変えておいたけど、同じ色にすればあたかもpre要素が飛び出すように見えるはず。 .tes

    calc()とvw単位を使った飛び出すpre要素
  • Let's Encrypt

    A nonprofit Certificate Authority providing TLS certificates to 363 million websites. Read all about our nonprofit work this year in our 2023 Annual Report. From our blog Jun 24, 2024 More Memory Safety for Let’s Encrypt: Deploying ntpd-rs NTP is critical to how TLS works, and now it’s memory safe at Let’s Encrypt. Read more May 30, 2024 Let’s Encrypt Continues Partnership with Princeton to Bolste