CSSフレームワークを使った 簡単なレスポンシブデザインの作成
2. 「自己紹介」 facebook 秋山 一樹〈 アキヤマ カズキ〉 twitter akiyum ● デザイナー DTPもWebも） （ やってます ● WordPressの経験は2年ぐらい 3. 「目 次」 レスポンシブデザインについて CSSフレームワークとは CSSフレームワークのサービス色々 CSSフレームワークの使用方法 ∼ 概論編 ∼ CSSフレームワークの使用方法 ∼ 制作編 ∼ 参考にさせてもらった レスポンシブwebデザイン作成に役立つサイトと本 4. 「レスポンシブデザインについて」 単一のHTMLでスマートフォン、 タブレットといった 画面サイズが異なるデバイスへ対応できるWebサイトの制作手法 （以降からワンソースマルチデバイスと表記） 基本的にはグリッドシステム、 フルードイメージ、 メディアクエリを 利用してマルチデバイスに対応させます。 アットマーク エイ
CSSフレームワーク『BlueTrip』が想像以上にすごい - present
CSS フレームワークを再認識 CSS フレームワークって、名前だけは知っていましたが、どういうものなのか全く知りませんでした。次の記事を読むまでは。 404 Not Found - ゆーすけべー日記 確かに、これは便利そうですね！ さっそく、CSS フレームワークを導入してみます。 BlueTrip を導入 CSS フレームワークはいろいろありますが、今回は先の記事で紹介されていた BlueTrip を導入してみます。 次のページからアーカイブをダウンロードし、解凍して css ファイルと画像を static フォルダに配置。 BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML の head 部に、下記を追加。 <link rel="stylesheet" href="css/screen.c
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
