CSS

CSS で指定幅を超えた文字列を切り取り「…」を付加する方法

2013/11/13(Wed) 14:06

動的に文字列を表示するときや、レスポンシブデザインで動的にレイアウトを調整するときなど、指定した幅以上のコンテンツを切り取る事ができたら、非常にレイアウトが楽になる…

http://monopocket.jp/blog/css/2866/

●●っぽい表現ができる「CSS3」サンプル集

2013/11/11(Mon) 12:16

Webフォントの充実、スマートフォンの流行、そしてCSS3の表現力アップにより、画像を使わなくても凝った表現の見出しが作れるようになりました…

http://www.find-job.net/startup/css3-sample

デザインの勉強にもなる、CSSで実装するパンくずのまとめ

2013/11/05(Tue) 12:00

角丸や三角形、アイコンなどを添えたり、CSS3アニメーションを加えたりなど、CSSで実装するパンくずを紹介します…

http://coliss.com/articles/build-websites/operation/css/10-css-breadcrumbs.html

見栄えが良くなった！CSSやHTML５の役立つ総まとめ

2013/10/28(Mon) 11:49

CSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います…

http://commte.net/blog/archives/3770

[CSS]日本語にもマッチする、見出しの文字をかっこよくするスタイルシートのまとめ

2013/10/25(Fri) 16:17

スタイルシートで文字を装飾すると、かっこいいのは英語が多いですが、今回紹介するのは日本語にもなかなかマッチするスタイルを紹介します…

http://coliss.com/articles/build-websites/operation/css/css-this-is-a-headline.html

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/