Web Design Facts

WEBデザインに関する内容(フォントやベクター画像、フォトショアクション、モックアップなど)をまとめています。

Web Design Facts

Web Design Facts

CSS

【UIデザイナー必見】動きが面白い!目を引くこと間違いなしのCSSアニメーション集part2

昨日紹介した以下の続編です。 個人的にはスターウォーズのトグルアイコンが、小ネタが入っていて面白いなと思いました。遊び心のあるデザインって面白いですよね。前回に引き続き今回も面白いアニメーションが盛りだくさんです。ぜひ気に入ったアニメーショ…

【UIデザイナー必見】動きが面白い!目を引くこと間違いなしのCSSアニメーション集part1

最近のデザインは動作が軽いアニメーションをいれているものが多いですよね。やはり目を引くという事で、アニメーションは重要な要素の1つになってきているのかもしれません。そこで本日はCSSとJSのコピペで簡単に導入出来る、動きが面白いかつ実用的なCSSア…

CSSだけでここまで出来る!?タイトルや見出しにオススメなぬるぬる動く最新のCSSテキストエフェクト19選

先日はCSSとJSで動くロゴをご紹介させていただきました。 今回はなんとCSSだけでぬるぬる動くアニメーション、テキストエフェクトをご紹介します。純粋にスゴイ!サイトのタイトルや見出しに使えば目立つこと間違いなし。とてもオシャレでイケてるので、ぜひ…

カッコ良すぎる!CSSとJavaScriptで作られた真似してみたいアニメーションロゴ10選

最近良く見るようになったアニメーションロゴ。コーポレートサイトやポートフォリオのTOPなどでよく使用されています。そこで本日は最新のカッコいいアニメーションロゴをご紹介!日本で有名な”あの”ロゴもあります!参考になるかつ、格好良いので良いインス…

コピペで簡単!サイト制作のアクセントになるパーティクル(粒子・分子)エフェクト・アニメーション14選!【CSS/JS】

今回はWEBサイトのアクセントになるようなパーティクル(粒子・分子)エフェクト・アニメーションをご紹介します。クリックで玉が弾けたり、動いたり、ドラッグで粒子を操作できたり面白いものが盛りだくさん。使い所が意外に多そうなのでぜひチェックしてみて…

コピペで簡単!CSSとJavaScriptで作られた動くオシャレで綺麗なローディング画面アニメーション10選!【ロード画面/画像を使わない】

WEBサイトやアプリの読み込みで表示されるローディング画面/ロード画面。昔は画像で作られていましたが、最近ではCSSやjsで作られたものが多く、アニメーションもオシャレです。そこで本日はコピペで簡単に使えるCSSとjsで作られている動くアニメーションロ…

【WEBデザインの参考に】ミニマリストに大人気!洗練されたシンプルで美しいHTML5ウェブサイトテンプレート10選【フラットデザイン/サンプル】

昨今、日本だけではなく世界中で要素を最小限に抑えた暮らしをする方が増えてきました。WEBサイトも例外ではなく、ミニマルなデザインが今求められています。そこで本日はHTML5を使用した、海外のミニマリストに大人気のシンプルで美しいウェブサイトのテン…

これが無料!?2018年に公開されたHTML&HTML5のWEBサイト無料テンプレート25選

今回は2018年に公開された(一部2017年も有り)HTML&HTML5で作成された"無料"のWEBサイトテンプレートを31つご紹介。サイトを手軽に作りたいと考えている方はもちろん、WEBデザイナーやコーダーの方も参考になる内容です。人が作ったサイトの中身を全部見られ…

【トレンド】世界中で流行りのWEBデザイン!AWWWARDSで2018年4月にエントリーされたオシャレなサイトをご紹介【インスピレーション】

WEBサイトのデザインも服などと同じで流行り廃りがありますよね。直近では以前の記事でもご紹介しましたが、グラデーションがブームになっており、色々なサイトで見ると思います。 そこで本日は世界中の洗練されたデザインが集まるAWWWARDSから、4月にエント…

【無料】Photoshopユーザーインストール必須!Webデザインに便利なPhotoshopプラグイン6選【オススメ拡張機能】

Webデザインの必須ツール、Photoshop。Photoshop自体にも様々な機能がありますが、制作する上で地味に痒い所へ手が届かない場合などがあります。そんな時にオススメなのがPhotoshopのプラグイン。使用されている方、意外と少ないのではないでしょうか?そこ…

キレイな配色の参考に!流行りのグラデが簡単に作れるCSSグラデーションカラーライブラリ10選【サンプル豊富/コピペ自由】2018年度決定版

最近流行りのCSSで作るグラデーションデザイン。盛り上がっているスタートアップ系の企業は大抵グラデーションを使用しているイメージがあります。最先端のようなイメージがついてオシャレですよね。 本日はそんなキレイなグラデーションが簡単にCSSで書ける…

PAGE TOP