JavaScriptの記事
-
ReactとWAI-ARIAでアクセシブルなアコーディオンUIを実装してみた
React の手習いに開閉式のいわゆるアコーディオンUIを実装してみましたので備忘録。ステートの管理は楽ですがフォーカス管理が難しかったです。
-
シンプルなニュースティッカーにrole=marqueeを添えて
シンプルなニュースティッカーの実装の過程をご紹介します。HTMLは普通にマークアップして、javascriptで状態を変更し、CSSで状態に応じたスタイルとアニメーションを付与する、という何も変わったところのない感じです。状態を表すのにはWAI-ARIAを使用しました。これぐらいのものをサッと実装できる実装力を高めていきたいですね。
-
JSON-LDをWebComponentsで表示する
WebComponentsの練習にサイトに静的に設置されたJSON-LDを読み取るWeb Componentsを作ってみました。ライブラリ使わずにやってみましたので、備忘録がてら順を追って解説します。
-
シンタックスハイライトをgoogle code prettifyからhighlight.jsに変えた
これまでシンタックスハイライトには Google code prettify を使ってたのですが、テーマもイイ感じのものがなく、言語の判別の精度もいまひとつだったので highlight.js に変更してみました。
-
noscript使わずにスタイル無効の時のスタイル