INSPIRATION | Page 2 of 6

【Web デザイン】動画を使ったスタイリッシュなWebサイト14選

昨今、動画を取り入れたWEBサイトは珍しくなくなりました。一言で動画と言っても、各Webサイトがそれぞれ趣向を凝らした表現をしていて、とても参考になります。そこで今回は「動画を使ったスタイリッシュなWebサイト」をカテ […]

2018/12/05

CSSでボックスの幅や高さを指定する場合、パーセント（％）やピクセル（px）で指定することが多いと思います。しかしViewport(vw・vh)はフルスクリーン・レンスポンシブに適したCSSの単位です。今回はこのView […]

2018/12/04

ひと昔前までは、ローディングアニメーションと言えばCSSアニメーションで円がクルクル回ってるだけだったり、ロゴが中央に表示されて消えていくだけだった印象ですが、今は趣向が凝ったローディングアニメーションのサイトがたくさん […]

2018/11/30

雑誌では昔からよく使われていた境界線をあえて外す「ブロークングリッドレイアウト」。ここ最近のWebサイトの表現手法として、多くのWebサイトで取り入れられるようになってきました。今回は、印象的でオリジナリティーも出しや […]

2018/09/30

Googleマップを埋め込んだサイトはよく見かけますが、そのまま埋め込んだだけだとレスポンシブに対応できません。ですので今回は「Googleマップをレンスポンシブに対応させる方法」をやっていきたいと思います。 &nbsp […]

2018/09/07

前回「フルスクリーンナビゲーションを作る。(シンプルバージョン)」という記事を書きました。今回はスプリットレイアウトバージョンのフルスクリーンナビゲーションを作って行きたいと思います。こんな感じになりました。サンプル […]

2018/07/05

スローペースでちょこちょこ記事をアップしている当サイトですが、開始からある程度の期間が経ち、やっと少しずつ記事も増えて参りました。そこで今回は今まで色々なテーマに沿って、おしゃれでスタイリッシュなサイトをまとめてきました […]

2018/07/04

WordPressを色々いじって行くと必ず「トップページではサイドバーなし」で、「固定ページや個別投稿ページではサイドバーを表示」と言った感じで現在のページに応じて処理を変えたくなってきます。そこで登場するのがWordp […]

2018/07/03

先日「フルスクリーンナビゲーションの参考サイト15選」という記事を書きました。今回は実践編をやっていこうと思います。シンプルに縦に並ぶフルスクーリーンナビゲーションを作ります。サンプル1 HTML 極力 […]

2018/06/29

サイトユーザビリティの根幹要素であるナビゲーションは常に変化を続けています。最近始まったわけではありませんが、フルスクリーンナビゲーションのサイトはまだまだトレンドといっても過言ではないほどよく見かけます。フルスクリーン […]

2018/06/15