CSS

【cssだけで実装】hover時にテキストをスライドさせて入れ替える

ホバー時にテキストをスライドさせて入れ替えるcssとhtmlコード。
CSS

WordPressテーマSWELLのブレークポイント

@media (min-width: 600px) { } @media (min-width: 960px) { } @media (min-width: 1200px) { } ワードプレスのテーマSWELL。高機能なのに表示が速く、S...
html

【HTML5 セマンティック】HTMLマークアップに意味を持たせる

HTML5 セマンティックとは HTML5セマンティックとは、HTMLコード内で使用されるタグが、デザインやレイアウトのためのものではなく、コンテンツの意味や構造を明確に示すこと。従来の<div>や<span>のようなコンテンツを囲む汎用的...
Webデザイン

整数かつ偶数の16:9画像サイズリスト

支給写真をトリミングしてパーツ化する際、トリミングしたい部分が表示サイズの2倍以上の大きさがある場合と、そうでない場合があります。2倍以上のサイズがある場合はトリミングしてからリサイズするだけでよいのですが、2倍に満たない場合は、表現を諦め...