レスポンシブWebデザイン対応の「43d」がオシャレ
2016年2月23日
高機能&リーズナブルなオリジナルスノーボードウェアやレイングッズ等を製作・販売する43degreesのオフィシャルサイトが、あまりにも格好良かったので本日はこのサイトをご紹介します。
このサイトでは、マウススクロールもしくはスワイプに合わせてアニメーションと共にサイトの構成が変化するように作られていて、その変化の後に加工された写真とメッセージが表示されるようになっています。 使っている技術は、CSS3 / Fluid Grid / Fluid Image / HTML5 / jQuery / Media Queries / Web Fontなどなど。
レスポンシブWebデザインの対応をすために、「フルードグリッド(Fluid Grid)」「フルードイメージ(Fluid Image)」「メディアクエリー(Media Query)」を使っています。 全体のデザインだけでなく、ボタンの上にカーソルを合わせたときの動きなど、細部まで新技術を活用してこだわって作られているので、デザインや作品づくりの参考にぜひチェックしてみてください。
関連サイト
関連講座
本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。 スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。