サイト構築 -CSS
[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート
Post on:2013年11月12日
下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。 もちろん余白のままでも良い場合はありますが、ぴったり収め
[CSS]背景固定で美しいブラーがかかった半透明のパネルだけがスクロールするスタイルシート
Post on:2013年11月11日
レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します。 Dynamic Inside Blur Pure CSS デモページ
[CSS]さまざまなスタイルのツールチップが簡単に実装できるSassでつくられた -Simptip
Post on:2013年11月7日
classを変更するだけで、ツールチップを表示する方向、カラーを変更したり、フェードやスライドのアニメーションで表示したりなど、さまざまなスタイルのツールチップを実装できるSassでつくられたスタイルシートを紹介します。
[CSS]コンテンツを水平・垂直にぐぐぐっと傾けてナビゲーションを表示するスタイルシート
Post on:2013年11月7日
最近ちらほら見かける、コンテンツをアニメーションでぐぐぐっと傾けて、ナビゲーションを配置したサイドバーやヘッダを表示するスタイルシートを紹介します。 Animated CSS3 Perspective Menu
[CSS]文字にちょっとかわいいエフェクトを加えるスタイルシート -Opening Type
Post on:2013年10月29日
画像は一切使用せず、その文字をホバーするとパタっと開くエフェクトを実装するスタイルシートを紹介します。 単に開くだけでなく、シャドウも開きに応じて変化してるのがスゴイ！
デザインの勉強にもなる、CSSで実装するパンくずのまとめ
Post on:2013年10月28日
角丸や三角形、アイコンなどを添えたり、CSS3アニメーションを加えたりなど、CSSで実装するパンくずを紹介します。 機能的にはもちろんシンプルなテキストベースのものと同じですが、サイトのUIにあったデザインのパンくずも素
[CSS]アイデアが面白い！画像に美しいインタラクションを加えるスタイルシート
Post on:2013年10月18日
風景写真など、普通の画像の上にグリッドを描き、各マス目をホバーした際に尾ヒレのようにフェードで追従させるエフェクトが美しいスタイルシートを紹介します。 便利になるとかそういった類いのものではありませんが、ちょっとした何か
[CSS]日本語にもマッチする、見出しの文字をかっこよくするスタイルシートのまとめ
Post on:2013年10月16日
スタイルシートで文字を装飾すると、かっこいいのは英語が多いですが、今回紹介するのは日本語にもなかなかマッチするスタイルを紹介します。
さりげないアニメーションがいい感じ、HTML/CSSでシンプルに実装するタブコンテンツ
Post on:2013年10月8日
スクリプト無し、HTMLとCSSで実装するシンプルなタブコンテンツを紹介します。 コマ数を落としているから、アニメがうまく見えてないかも
[CSS]水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック
Post on:2013年10月7日
1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこともできるのかとア
sponsors
