CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ -Defensive CSS
WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介します。 FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子アイテムが増えすぎたり減りすぎたりで崩れたりなど、起こりがちな問題を解決する実践的なテクニックが満載です。 Defensive CSS by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Flexboxでの折り返し スペースの確保 テキストが長いコンテンツ 画像の伸縮を防止する スクロールが連鎖するのを回避 CSS変数のフォールバック 固定の幅・固定の高さによるレイアウトの崩れ 忘れがちな背景の繰り返し 垂直のメディアクエリ justif
フラットでシンプルなスライドショーが作れるjQueryプラグイン「Skippr」:phpspot開発日誌
Skippr. A jQuery plugin for creating tasteful slideshows. フラットでシンプルなスライドショーが作れるjQueryプラグイン「Skippr」 スライドショーのUIがフラットでシンプルなスライドショーが作れるようです。 実装されているデモははフルスクリーン仕様でモダンな感じがいいです。 自動再生や速度調整などの基本機能は存在しつつ、シンプルに利用できるみたい。 関連エントリ 背景を分割するなどしてカッコよく切り替えるスライドショーサンプル 画面を印刷して机においた風のエフェクトがクールなスライドショー「Tilted Content Slideshow」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
