HTML/CSS 26件

3コメント

動画背景/video only or jQuery plugin/OSとデバイスの再生可否をユーザーエージェント切り替えで乗り切る

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

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

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

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

スニペット/HTML/CSS

どんなコーディング案件でも対応可能なミックスイン8種類

モダンブラウザで発生する謎バグと解決策

実務で使ったCSSレイアウト

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

3コメント

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

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

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

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

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

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

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

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

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

そのミックスインや関数は本当に必要? 手段の目的化に注意を。