CSSメディアクエリを使ってホバー効果を最適化
メディアクエリを使ってホバー時の挙動を最適化。@media(any-hover:hover) 、@media(hover:hover)、 @media (pointer:fine)を考えてみる。
CSS
CSSCSSだけでドットフィルターをかける
CSSだけでドットフィルターをかける。画像だけでなく動画にも対応！低解像度をスマートに隠せます！
Web制作LPを作成するフォルダ名の案
フォルダ（ディレクトリ）を作ってLPは全部そこに入れたいときのフォルダ名の候補。
html【HTML基本構造テンプレート】セマンティックなマークアップと構造化データとOGP設定
備忘ですが、コピペで使っていただいてOKです。 HTMLの骨組み 基本設定: <meta charset>, <meta name="viewport">, <title>など、HTML5の最低限必要な設定。 OGPとSEO対策: Twit...
CSS【cssだけで実装】hover時にテキストをスライドさせて入れ替える
CSSだけでhover時にテキストをスライドさせて入れ替える実装方法。ホバーアニメーションで動きのあるUIを作成。かわいいボタンアレンジもコピペで使えるコードあります。
CSSWordPressテーマSWELLのブレークポイント
ワードプレスのテーマSWELL。高機能なのに表示が速く、SEO的によくなったと界隈で評判なせいか、コーディングする機会が増えています。なので、ブレークポイント備忘。 @media (min-width: 600px) { ｝ @media ...
html【HTML5 セマンティック】HTMLマークアップに意味を持たせる
HTML5のセマンティックタグを使ってコードに意味を持たせてアクセシビリティやSEOを向上させる。<header>、<footer>、<article>などの具体例とセマンティックタグの一覧。Web標準に準拠したHTMLマークアップのメリットと活用方法。
Webデザインアスペクト比16:9で整数の画像サイズリスト
アスペクト比16:9で整数かつ偶数の画像サイズ一覧。幅64pxから2400pxまでのサイズを掲載。Webデザインやレティーナ表示に最適な画像サイズが簡単に探せます。16:9のサイズ選定の時間節約と、きれいに表示される画像作成にお役立てください。