Milligram - ミニマムで格好良いCSS3フレームワーク
CSSのフレームワークはたくさん出てきていますが、その目的は2つに分けて考えることができます。一つはBootstrap/Foundationのように大型で、すべての機能を提供してくれる統合的フレームワークです。 もう一つは小さくて軽量で、カスタマイズや独自拡張して使えるものにしていくタイプです。Milligramは後者の、小さなCSSフレームワークになります。 Milligramの使い方 MilligramはGzip圧縮してわずか2KBしかないCSSフレームワークです。すべてのサイトがこれ一つでこなせるとは思いませんが、ベースとしては十分な機能が揃っています。 まずはタイポグラフィ。 引用。 ボタン。 リスト。 フォーム。 テーブル。 グリッド。 コード。 Milligramはすっきりとしたデザインで見やすいかと思います。バッチやタブ、モーダルのようなWebサイトを作る上では欲しくなるであ
CSSで泥沼にはまらない3つのアプローチ｜『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント
注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
sichoru.net
sichoru.net このドメインを購入する。 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
WebページをRetina対応させるテクニック～実践編
WebページをRetina対応させるテクニック～実践編：jQuery×HTML5×CSS3を真面目に勉強（5）（1/3 ページ） 前回のWebにおけるピクセルの基本的な話を踏まえ、今回はRetinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介する。 前回（WebページをRetina対応させるテクニック～基礎知識編）はWebにおけるピクセルの基本的な話をしました。今回はそれを踏まえた上で、Retinaディスプレイをはじめとした高精細ディスプレイにWebページを対応させるテクニックを紹介します。 CSS Spriteで複数の解像度に対応 最も原始的な対応方法です。一般的なPCディスプレイと同じ要領で作成した画像をRetinaディスプレイに使用すると、にじんだように表示されてしまいます。デバイス上では同じサイズでも、使われているピクセル数のタテ・ヨコが2
[CSS]かわいいストライプ柄を作成するスタイルシートのチュートリアル
画像を使用しないで、ストライプ柄のボタンを作成するスタイルシートのチュートリアルを紹介します。 ストライプ柄はボタン以外にも適用が可能です。 Simple buttons with light stripes (pure CSS) デモページ [ad#ad-2] かわいいストライプ柄のボタンは、マウスホバーのエフェクトも実装されています。 HTML ボタンはテキストを使ったa要素で作成されています。 <a class="bt-blue fx-stripes" href="#"><span>Blue button</span></a> <a class="bt-grey fx-stripes" href="#"><span>Grey button</span></a> CSS：ストライプ ストライプのベースとなるスタイルシートです。 .fx-stripes:before { content:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.cmmntr.com/m/27
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」 - かちびと.net
CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」 - かちびと.net
PhotoshopのレイヤースタイルをCSS3に変換する・「CSS3Ps」 - かちびと.net
4つのCSSツールを1つのサイトに集約した・「CSSmatic」 - かちびと.net