CSS

CSS3コードがコピペできる200以上のアイコン集『CSS3 Icons』

2013/10/24(Thu) 14:35

これ、便利なのでは・・・。メモ的にエントリーしておきます。 使い勝手が良さそうなアイコンがいろいろあります…

http://www.ideaxidea.com/archives/2013/10/css3_icons-2.html

あなたのコーディング、大丈夫？ コーディング規約 HTML＋CSS編

2013/10/15(Tue) 13:38

他人が書いたソースコードって読みづらいですよね。「自分が読めればそれでいい。」という風に考える方もいますが、保守管理を他人がやる場合も多く、好き勝手にコーディングしてしまうと、インデントがされてなかったり…

http://www.hp-stylelink.com/news/2013/10/20131001.php

[CSS]水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック

2013/10/08(Tue) 16:19

1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します…

http://coliss.com/articles/build-websites/operation/css/collection-of-separator-styles-by-codrops.html

ズルいデザインテクニックを生かして作る、汎用性のあるズルいボタンデザイン

2013/09/24(Tue) 11:26

今回のテーマは「ズルいボタン」。これまでの連載で出てきた数々のズルいデザインテクニックを駆使して作成しよう…

http://www.atmarkit.co.jp/ait/articles/1309/12/news001.html

もうCSS設計で悩まない！「CSSコーディング ガイドライン」策定のための参考記事・スライド 7選

2013/09/20(Fri) 12:02

構造やクラス名、プロパティの記述方法などをルール付ける「CSSコーディング ガイドライン」策定のための参考記事を紹介します。 チームでの共有、コーディング効率やメンテナンス性などの改善のためにも、これを機会にガイドラインを導入してみてはいかがでしょうか…

http://squeeze.jp/blog/web-development/css-guideline/

hr要素のデザインサンプル 12

2013/09/19(Thu) 14:49

hr要素は罫線を表示させるもので、話題を変える時の目印となる区切り線などとして用いられます。どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが…

http://www.nxworld.net/tips/hr-css-design.html

CSSサンプル集

2013/09/12(Thu) 12:04

CSSを使ったテキスト装飾のサンプルです。

http://typesquare.com/sample/csseffect/

WEBデザインの仕事を効率化するために便利なWEBサイト＆サービス8選

2013/09/05(Thu) 11:48

今回はWEBサイトをデザインする時に手助けしてくれる便利なWEBサイト＆サービスをご紹介させていただきます…

http://liginc.co.jp/web/design/47427

[CSS]コピペでOK、text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ

2013/09/03(Tue) 11:54

画像は無し、数行のスタイルシートを加えるだけでテキストにさまざまなスタイルを与えるデモを紹介します…

http://coliss.com/articles/build-websites/operation/css/css-text-shadow-comilation-by-boltaway.html

box-shadowで表現する、「セミフラット」なズルいデザインテクニック

2013/08/29(Thu) 11:29

box-shadowを活用した各種ボックス表現の作り方を紹介。フラットデザインの中でも違和感なく使える「やりすぎていない立体感」とは…

http://www.atmarkit.co.jp/ait/articles/1308/21/news008.html