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

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

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

続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブ デザイン タイル表示のサンプル

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


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブ デザイン 技術紹介サンプル

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


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブ デザイン 会社概要サンプル

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


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブなサイトを作るためにNo.2

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

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

続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket

レスポンシブなサイトを作るためにNo.1

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

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

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

続きを読む


Bookmark this on Yahoo Bookmark
Bookmark this on Google Bookmarks
Share on LinkedIn
LINEで送る
Pocket