ましじめ株式会社
こんにちは。田村です。 今回は、アニメーションのアクセシビリティ についてお話したいと思います。 ウェブサイトにアニメーションを導入するケースはありますが、一部のユーザーにとっては 動きが負担 になり、...
2024年12月28日
スタッフブログ
こんにちは。田村です。 今回は、CSSアニメーション の基礎についてご紹介します。特に、よく使われる3つの要素を中心に解説していきたいと思います。 CSSアニメーションの代表的な手法 CSSアニメーションには大...
2024年12月27日
こんにちは。田村です。 今回は「CSSアニメーションをより滑らかに動かすポイント」について、レンダリングの仕組みとGPUアクセラレーションの注意点を交えながらまとめてみました。 Webサイトでアニメーションを...
2024年12月23日
こんにちは。今年もAdvent Calendarの時期がやってきました。 この記事は a-blog cms Advent Calendar 2024 の9日目の記事です。 よろしくお願いします！ 先月、ベースキャンプ名古屋にて「a-blog cms Training C...
2024年12月09日
こんにちは。田村です。 faviconにsvgを表示したい場合に使えるジェネレーターを作成しました。 改行・余白の削除: .replace(/\s*\n\s*/g, '')でSVG全体を一行に整形。 エンコード: "を%22に、をそれぞれ%3Cと%3E...
2024年11月25日
こんにちは。田村です。 今回は、CSSの:has() 擬似クラスを使って「兄弟要素の前に装飾を適用する方法」を解説します。 次のような見出しにアイコンを追加するクラスがあり、h1とh2でアイコンの色を変えたいが新...
2024年11月22日
こんにちは。田村です。 JPGやPNGの画像をWebPに変換するツールを作成しました。 画像をアップロードするとZIP形式でダウンロードできます。 複数の画像にも対応していますがアップロードできる画像は最大100枚ま...
2024年11月16日
こんにちは。田村です。 ウェブアクセシビリティ方針作成時に使えるジェネレーターを作成しました。 このツールを活用することで、ウェブアクセシビリティ方針の作成が効率的に行えるようになります。ぜひご活用...
2024年11月02日
