ましじめ株式会社
こんにちは。田村です。 今回は、アニメーションのアクセシビリティ についてお話したいと思います。 ウェブサイトにアニメーションを導入するケースはありますが、一部のユーザーにとっては 動きが負担 になり、...
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日
こんにちは。田村です。 .DS_Storeを全てのリポジトリでignoreしたい場合は次の方法で対応できます。 公式サイトを見ると`$HOME/.config/git/ignore`に記述すると良いと書いています。 `ユーザ/〇〇/.config/git/...
2024年10月29日
こんにちは。田村です。 tableのclass, id, style属性を削除してシンプルなHTMLに整形するツールを作成しました。 変換 プレビュー: #preview { width: 100%; min-height: 400px; margin-top: 40px; background-c...
2024年10月24日
こんにちは田村です。 Google スプレッドシートで数値の単位をカスタマイズしたい場合がありましたのでメモです。 数値、日付、通貨の表示形式 [表示形式] > [数字] をクリックします。 用途に合った形式を選択し...
2024年10月03日
こんにちは。田村です。 Dockerで起動したa-blog cmsのMySQLにSequel Aceで接続したいことがありました。 Sequel Aceはデータベースを操作できるMac用のアプリです。 AIの概要によると次のようです。 Sequel Ace...
2024年09月16日
