grip on minds

Date:
2012.06.30
Category:
Implements:
| | | |
grip on minds

お問い合わせ用のメールフォームの設置、実績紹介ページに加え、研究開発と情報発信のためのブログを運営しています。

HTML5、CSS3 での実装

HTML5 ロゴ

本サイトは HTML5 でマークアップし、適切なセマンティクスを心がけています。

また実験的に CSS3 のプロパティを積極的に使用し、角丸やグラデーション、アニメーションを実装しています。そのため、ブラウザによって見え方や挙動が異なりますが、最低限の情報の取得は確保しています。

レスポンシブ Web デザイン

小さいスクリーンサイズでの表示
さまざまなスクリーンサイズに対応

スマートフォンをはじめ、さまざまなスクリーンサイズでの閲覧に対応するため、レスポンシブ Web デザインを採用しました。

ブレイクポイント(レイアウトが切り替わる閾値)は、いくつか設定していますが、横幅 480px を境に、ナビゲーションの配置が変化します。