サイト構築 -CSS
[CSS]動画を背景として表示させ、オーバーレイでコンテンツを配置するテクニック
Post on:2014年6月13日
動画をブラウザいっぱいに背景として表示させ、その上にコンテンツをオーバーレイで配置するテクニックを紹介します。 Create Fullscreen HTML5 Page Background Video
[CSS]OS X Yosemiteのように背景が透ける美しいパネルを実装するスタイルシート
Post on:2014年6月4日
昨日発表された2014年秋リリースのOS X 10.10 Yosemiteで採用予定の背景を半透明のブラーで透けさせる美しいパネルを実装するスタイルシートを紹介します。 記事は一日遅れですが、スタイルシートは当日で、仕事
[CSS]ボタンにぷるるんとかわいいアニメーションを与えるスタイルシート -Galatin effect
Post on:2014年5月21日
a要素にテキストを配置して実装したシンプルなボタンに、ゼリーのようにぷるるんとさせるアニメーションを与えるスタイルシートを紹介します。 ↓は、デモをアニメーションgifにしてみました。
[CSS]アイデアがいい！よく見かける普通のアイコンに一手間加えるスタイルシートのデモ
Post on:2014年5月16日
ウェブページでよく見かけるアイコンをクリックやタップした時に、ちょっとしたアニメーションを加えたデモを紹介します。 かわいいアニメーションで楽しくなるだけでなく、アイコンをクリックしてどうなるのかが伝わる役目も果たしてい
IE9+ならスクリプト無しで、タブやカルーセルなどさまざまなコンポーネントがスタイルシートで実装できる -Pure CSS Components
Post on:2014年5月9日
最近のウェブページでよく見かけるカルーセル、アコーディオン、ドロップダウン、モーダルウインドウ、タブコンテンツなど、さまざまなコンポーネントをHTML5+CSS3で実装するライブラリを紹介します。 HTML5の「aria
[CSS]シンプルな美しいボタンを簡単に実装するだけのスタイルシートの超軽量ライブラリ -beautons
Post on:2014年5月6日
使い勝手のよいさまざまなスタイルのシンプルなボタンを実装するだけのライブラリというか、スタイル集を紹介します。 スタイルシートは1.4kbで、超軽量！ beautons beautons -GitHub
CSSのレイアウトの崩れを見つける時に役立つChromeの機能拡張 -Pesticide
Post on:2014年4月30日
ウェブ制作時の困ったは、CSSのレイアウトが思うようにいかない時。 そんな時に役立つ、ページ上の全ての要素のアウトラインを要素ごとに異なるカラーで表示する便利ツールを紹介します。 PesticideはChromeの機能拡
[CSS]次のプロジェクトで使える！スタイルシートの極上テクニックのまとめ
Post on:2014年4月25日
CSSの進化が止まりません。 ページ上部の打ち出し画像をレスポンシブ対応でうまく配置するテクニック、エレメントにちょっとしたアクセントを加えたい、レスポンシブ用のfont-size指定のうまい方法など、スタイルシートの極
[CSS]テキストの左右に水平ラインをすぅーーーっと引くスタイルシートのテクニック
Post on:2014年4月21日
hn, pなどの要素を使ったテキストの左右に、水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 HTMLは非常にシンプル、カラーやサイズの調整も簡単、背景画像も問題ありません。
[CSS]多階層のリスト要素をツリー状にデザインするスタイルシートのテクニック
Post on:2014年4月18日
画像を使用せずに、多階層のリストをツリー状にデザインするスタイルシートのテクニックを紹介します。 ピュアCSSなので、リストのアイテムは増やしても減らしても、ツリー状のスタイルを適用できます。
sponsors
