puresccでシンプルな技術紹介ページを作成してみました。
ヘッダー、フッターには紫色の背景色を指定しています。
ご自由にお使いください。
続きを読む
タグ別アーカイブ: purecss
レスポンシブ デザイン 会社概要サンプル
レスポンシブなサイトを作るためにNo.2
本項ではグリッドレイアウトの使用方法をご説明します。
まず2列を均等割する方法ですが、ハイライト行のように「class=”pure-g”」を使用します。
そして間隔は「”pure-u-1-2″」で指定しています。
上記ですと、全体を2とし、1を左セルに割り当てています。
レスポンシブなサイトを作るためにNo.1
ホームページのデザインに関することですが、現在PC、タブレット、スマートフォンと対応すべきデバイスが増えています。
wordpressやjavascript、CSS等で対応できますが、どれを使っていいのか悩みます。
ブログであればwordpressで良いかと思いますがサイトとなると中々理想にマッチしたデザインがないということが多々あります。