サイト内検索フォームでアクセシビリティを意識する
サイト内検索でよくあるデザインのマークアップについて、アクセシビリティを意識したコードを考えてみます。...
サイト内検索でよくあるデザインのマークアップについて、アクセシビリティを意識したコードを考えてみます。...
JavaScriptを使ってYouTubeの埋め込みを実装する機会があったのですが、IFrame Player APIの...
コンテナサイズクエリでの設定を中心に、コンテナクエリの実装を試してみます。...
フォームの文字数制限があるフィールドでたまに見かける、入力した文字数や残り文字数が表示される処理を実装してみます。...
CSSの:is()と:where()を使ってみて、挙動を比べてみます。...
APGのページを参考に、アクセシビリティを考慮したモーダルの実装を試してみます。...
フォームの送信が実行された際、送信前に別の処理を挟んでから送信を実行したいということがあったのですが、VanillaJS...
chromeでの作業中、特定のサイト内で使用しているストレージを削除したいということがあるので、やり方をメモ。...
以前にMovable Typeでphpを使用する記事を投稿しましたが、phpを使って簡単な記事検索の実装を試してみます。...
フォームで入力された値の前後に含まれる空白スペースを削除するという実装がたまにあるので、文字列の両端の空白を取り除く方法...
Movable Typeでphpを使用する際、phpファイルを使用できるかを試してみました。...
if文で&&を使った際の挙動で思っていたのと違うということがあったので、調べたことをメモ。...
以前に桁数を揃える処理を実装しましたが、padStart()メソッドで簡単に実装できそうだったので試してみます。...
Movable Typeで構築したサイトのコンテンツフィールド名を変更したいということがあったのですが、既存の登録データ...
ラジオボタンやセレクトボックスなど、フォームのパーツをデザイン変更することがよくありますが、そういった際にアクセシビリテ...
dialog要素を使った実装を試してみます。...
アクセシビリティ対応の検証でスクリーンリーダーのNVDAを使う機会があったので、使用方法についてメモ。 今回使用するのは...
文字列を置換する際、複数箇所マッチした場合でもすべて置換できるreplaceAll()を使ってみます。...
Movable Typeの記事の場合はエクスポートする機能が標準で用意されていますが、コンテンツデータの場合はその機能が...
margin-inlineとmargin-blockを使ってマージンを設定してみます。...
日 | 月 | 火 | 水 | 木 | 金 | 土 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |