CSS

CSSでのフォント指定について考える（2014年）

2014/03/05(Wed) 16:29

欧米（シングルバイト圏）のWebサイトでは、ページ内の多くの部分でWebフォントを用いることが半ば常識化しています。しかし、日本語（マルチバイト）においてはいくつかの問題があり、まだまだ、閲覧者のローカルにインストールされているフォントに頼らざるを得ません…

http://www.dtp-transit.jp/misc/web/post_1881.html

テキスト周りで使えるCSSの小技いろいろ

2014/02/24(Mon) 11:35

モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック…

http://www.webcreatorbox.com/tech/css-tips-for-text/

HTML&CSS フロントエンド 何度も読み直したい資料・ツールまとめ

2014/02/13(Thu) 11:52

HTML5/CSS3などのフロントエンドもWeb上の資料が充実しすぎていて、ついつい今までなんとなく作って体系的な知識が不足していました。知れば知るほど奥が深いフロントエンド・コーディングを少し手も効率的にするために…

http://morizyun.github.io/blog/css3-html-front-coding-book-review/

[CSS]2013年、素敵なアイデア満載のスタイルシートのテクニックのまとめ

2013/12/26(Thu) 19:58

これからのプロジェクトに使ってみたくなるような素敵なアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します…

http://coliss.com/articles/build-websites/operation/css/css-most-awesome-techniques-of-2013.html

CSSのみで実装するボタンデザインやホバーエフェクト 20＋α

2013/12/20(Fri) 11:19

実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました…

http://www.nxworld.net/tips/css-only-button-design-and-hover-effects.html

デザインやCSSやJavaScriptなど、ウェブ制作に役立つ時短ツールが豊富に揃っていて便利！ -Coveloping

2013/12/18(Wed) 11:56

box-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します…

http://coliss.com/articles/web-services/web-development-tools-coveloping.html

知っておくと速い！CSS3に関する「便利」なまとめ

2013/11/28(Thu) 15:11

今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました…

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

カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！

2013/11/26(Tue) 14:45

レスポンシブWEBサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました…

http://liginc.co.jp/web/tool/other-tool/60107

[CSS]背景固定で美しいブラーがかかった半透明のパネルだけがスクロールするスタイルシート

2013/11/22(Fri) 11:53

レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します…

http://coliss.com/articles/build-websites/operation/css/css-dynamic-inside-blur-by-kseso.html

[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート

2013/11/21(Thu) 12:02

下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます…

http://coliss.com/articles/build-websites/operation/css/tetris-the-power-of-css-by-heydonworks.html