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

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

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