2018年のWeb標準 | gihyo.jp
🚩 about:configにてdom.moduleScripts.enabledを有効した時のみ。 デスクトップ環境については、開発が終了しているIE11を含め、EdgeとFirefoxがサポートしていないので、しばらくはポリフィルであるwebcomponents/webcomponentsjsの利用が前提になるでしょう。一方で、モバイル環境についてはAndroidとiOSにおいてほぼすべてを占めるChromeとSafariがこれらの仕様をサポートしており、既にモバイルWebにおいてはWeb Componentsを充分に利用できる状況にあると言えます。モバイルWebをターゲットとしているサービスであれば積極的に導入していけるのはもちろんのこと、ターゲットブラウザを限定しているWebアプリケーションなどでも試してみる価値はあります。 React、Angular、Vueといったライブラリに
第15回 ハンバーガーメニューのアニメーション | gihyo.jp
今回のお題は、ハンバーガーメニューのアニメーションだ。ハンバーガーアイコンをクリックすると、メニューが右に向けて広がる（サンプル1）。「CSS Gooey Menu」のデザインとアニメーションをもとに、コードは絞り込んでわかりやすく組み立て直した。技術的にむずかしいところは少なく、ただメニューの数だけ細かい設定が増える。なお、SVGを用いたフィルタは、今回のお題からは外した。 サンプル1 CSS3：Hamburger menu アイコンWebフォントを使う サンプル1のハンバーガーメニューには、文字は使われていない。替わりにアイコンがある。これらのアイコンにはWebフォントのFont Awesomeを用いた。たとえば、つぎのようなアイコンがWebフォントとして読み込んで表示できる。 Font Awesomeは、つぎのコードのとおりBootstrapCDNから読み込んだ。Font Aw
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
