HTML/CSS 24件

MultilingualPress 言語切り替えテキストリンクをドロップダウン化

カード敷き詰めレスポンシブレイアウトの一番楽な方法

ヘッダーありキービジュアル領域縦横フルは、ヘッダー高さを固定・calcで縦計算しないと実現不可能

[YouTube]埋め込み動画をレスポンシブさせる確実なやり方

コード倉庫

モダンブラウザで発生する謎バグと解決策(2016年5月)

実務で使ったCSSレイアウト(2016年8月更新)

JavaScript無しで画像をロールオーバーアニメーションさせるときのコツ

Flexbox・弱点と思い込んでいた天地中央背景伸ばしを解決! 改行問題は未だ弱点。

Flexbox・ヘッダーでよくあるレイアウトは height / font-size / padding を使い分けると上手くできる [IE10対応]

テキストリンクのホバー線は、border を指定するとそこそこ使える。

要素並列が難しい場合は table を使って時間短縮 [IE10対応]

Flexbox・基本操作と実務で使えるレイアウトスタイルまとめ [IE10対応]

テキストの左右に線を引く [IE8対応]

フルFlashのようなサイト制作は、8要点を押さえれば乗り切れる

jQuery・Animate.css の合わせ技でフルFlashサイトライクな動きを実現

opacity や translate 4つのバグと解決策

JavaScriptを使わないシンプルなパララックスの作り方 [IE7対応]

ボーダーをレタープレス風にして凸凹を表現

HTML/CSS・地味に使える6つの小技