CSS色々*ホームページを作る人のネタ帳

無料で使える単一ページのHTML/CSSテンプレート集

2012/04/22
ツイート

美しい単一ページの無料テンプレート集。
CSS/HTMLの勉強にも使えそうですが、細かいところで単一ページらしいアイデアが使われているところも見所です。

CSS3で作るあんなものやこんなものまとめ

2011/08/25
ツイート

さまざまな可能性を秘めたCSS3の登場から、いろんなエントリーが出てきましたので、一部をまとめてご紹介。
ちなみにこの画像はこちらのもので、CSS3だけで画像を使わずにキュウべえを書いたそうです。

色々なCSSジェネレータで出来るあれこれまとめ

2011/03/10
ツイート

ウェブ上には様々な便利ツールがあります。以前紹介した『CSS3.0Maker』もそうですが、わずか数秒で希望のCSSが出来上がればそれに越した事はないですよね。

今回はこうしたジェネレータを実際に使用した結果、使いやすくてわかりやすい物をまとめてみました。

ちょっとした飾りに使えるCSS3.0ジェネレータ『CSS3.0Maker』

2011/02/17
ツイート

はてぶ数もすごいし既にご存知の人も多そうだけど、探してもなにかのまとめの一部としてさらっとしか紹介されてなかったので、とりあえずどんな事が可能なのかをご紹介。
かゆいところをパパっとCSSで書きだしてくれるジェネレータ「CSS3.0Maker」レビューです。

手軽に導入しやすい特徴的な14のドロップダウンメニューサンプル

2009/08/20
ツイート

なかなか素敵なまとめ記事がありました。
大規模なサイトに最適なリンク案内として、ドロップダウンメニューの導入が使われる事がありますが、今回のエントリーは、こうしたメニューの導入を簡単にしてくれるものとなるでしょう。

CSSハックしない、JavaScript使わないCSSの教科書みたいなテンプレ

2008/06/17
ツイート

あとで絶対活用してみたいと思いましたので一応書いておきます。
『誰でも使っていいよ！』との事なので興味のある方に。

CSSハックをしない、JavaScriptを使わないというもの。
参考：CSSハックってなんぞえ？

詳細は以下に。

ポインタを合わせるだけでボックス内を水平に動くようにするCSSとMootoolsのあわせ技

2008/03/27
ツイート

ちょっとしたサイトのアクセサリーとして使えそうな感じです。
サンプルはこちら
灰色のボックス内のはじっこにマウスを持っていくと、ボックス内だけがスクロールし始めます。

詳細は以下で。

バックグラウンドと様々な画像、CSSで行う面白スクロールトリック

2008/03/18
ツイート

ページをスクロールするだけでこんなに感動したのは初めてだったので、思わず脊髄反射で記事に。
すごい長いページなんですが、ここまで無駄な遊びを提供するバックグラウンドは見た事が有りませんでした。
（どうやら透過pngを使っているようなので、firefoxで見たほうがいいかもしれない）

100のCSSギャラリーサイト

2008/02/28
ツイート

すごいまとめのエントリです。
こんだけあればしばらくデザインのインスピレーションには絶対こまらなそうですね。

一応補足として、CSSギャラリーというものではなくて、CSSで作られたサイトをたくさん見る為のサイト。の、まとめというエントリです。

101CSS技術の続き（part2）＋CSS関連エントリおまけ

2008/01/22
ツイート

101のCSS技術というエントリから英語が苦手な人向けのエントリ抜粋
前回記述したものとあわせて使うとより便利かもしれません。

101個無いということに一言だけ触れていたのですが、リンク先のNoupe氏の話だと『基本』という意味がこめられているようです。
なんにしても第2弾がでましたので、101個狙って欲しいところではありますね。
101 CSS Techniques Of All Time- Part2

例によって英語が苦手な人でもなんとななりそうなエントリを抜粋してご紹介。
今回は数あるリンクから5つを厳選しています。