@mediaサンプル

CSS の @media ルールは、目的とする出力機器用に HTML 文書あるいは XML 文書を出力するための便利な方法です。

サンプル

zen-gridsサンプル

DrupalのZenテーマを利用するときは画面レイアウトの設計フレームワークZenGridsが必要不可欠です。

このトピックはZenGrids基本使用方法を紹介します。

レイアウト結果：

Sass/Compass紹介

CSSプリプロセッサSassとフレームワークCompassの簡単な文法紹介です。



従来のCSS開発はプログラミングのようにできないので、重複コードやメンテナンス性はよくない欠点があります。Sassは簡単な文法でCSSを自動的に作成できるようなプリプロセッサです、簡単にいえば開発言語ではなく、C言語のマクロのようなものです。CompassはSassのライブラリのようなものです、少ないコードで素晴らしいCSS効果を簡単に実装できます。

オフィシャルサイト
http://sass-lang.com/
http://compass-style.org/
http://zengrids.com/

＊zengridsはページレイアウト設計のフレームワークです。

Metro風CSS

Metro風画面を作るため、専用CSSを作りました。

画面イメージ

div+cssでページレイアウトを作成

普通はTableを利用してページレイアウトを作るんですが、最近DIV＋CSSで作るように流行ってきました。

レイアウトイメージ

css colorツール

ウェブサイト配色ツール紹介します。



http://colorschemedesigner.com/