カテゴリー別アーカイブ: purecss

レスポンシブ　デザイン　問い合わせサンプル

puresccでシンプルな問い合わせページを作成してみました。
ご自由にお使いください。
そういえば、Yahooのトップページがスマホ対応しましたね。
purecssぽいです。

puresccでタイル表示のサンプルを作成してみました。
該当部をコピペし、画像を差し替え頂ければ簡単に使用できます。
ご自由にお使いください。
続きを読む →

puresccでシンプルな技術紹介ページを作成してみました。
ヘッダー、フッターには紫色の背景色を指定しています。
ご自由にお使いください。
続きを読む →

puresccでシンプルな会社概要ページを作成してみました。
ヘッダー、フッターには紫色の背景色を指定しています。
ご自由にお使いください。
続きを読む →

本項ではグリッドレイアウトの使用方法をご説明します。

まず2列を均等割する方法ですが、ハイライト行のように「class=”pure-g”」を使用します。
そして間隔は「”pure-u-1-2″」で指定しています。
上記ですと、全体を2とし、1を左セルに割り当てています。

ホームページのデザインに関することですが、現在PC、タブレット、スマートフォンと対応すべきデバイスが増えています。

wordpressやjavascript、CSS等で対応できますが、どれを使っていいのか悩みます。

ブログであればwordpressで良いかと思いますがサイトとなると中々理想にマッチしたデザインがないということが多々あります。