カテゴリ「JavaScript」の記事一覧

 / Accessibility, CSS, JavaScript

すごいシンプルなニュースティッカー。role="marquee"を添えて

シンプルなニュースティッカーの実装の過程をご紹介します。HTMLは普通にマークアップして、javascriptで状態を変更し、CSSで状態に応じたスタイルとアニメーションを付与する、という何も変わったところのない感じです。状態を表すのにはWAI-ARIAを使用しました。これぐらいのものをサッと実装できる実装力を高めていきたいですね。

 / HTML, JavaScript

JSON-LDをWebComponentsで表示する

WebComponentsの練習にサイトに静的に設置されたJSON-LDを読み取るWeb Componentsを作ってみました。ライブラリ使わずにやってみましたので、備忘録がてら順を追って解説します。

 / HTML, JavaScript

noscript使わずにスタイル無効の時のスタイル

アイキャッチにJavaScriptで動くスライドショーを使ったときに、JavaScript無効の時には一枚目だけ表示させてコントローラー的なものは表示させないとかしたかったので、noscript使って HTML <noscript> <link rel="s...