Webサイト制作と言えばWordPressと言われるほど、WordPressはWebサイトを作るための人気ツールです。 一見難しく見えるかもしれませんが、大変なのは初期設定が大半で、一度サイトを作って...
HTMLとCSSはWeb制作を行うための基本中の基本です。どんなWebサイトを作るにしても、HTMLとCSSを使わずに作ることはできません。 今回は、初めてHTMLとCSSを勉強する人におすすめの入門...
グラデーションはWebデザインにとって欠かせない要素の1つであり、様々なWebサイトに取り入れられています。慣れてくると自分で思い通りに作れるようになりますが、初めはグラデーションの色使いに苦戦する人...
海外のPixelCutというソフトウェア会社から、新たなデザインツール「Drama」のベータ版がリリースされました。これまでも様々なデザインツールをご紹介してきましたが、Dramaはレベルが違うかもし...
メディアやブログのコンテンツページに目次を設置することで、ユーザーにそのページに書かれている内容を最初に伝えることができるので、ユーザビリティの向上に繋がります。 WordPressを使っている場合は...
幾何学模様や流線型、流体シェイプなど様々な背景パターンが1つにまとまった「Paaatterns」という背景パターン集が公開されました。 無料でダウンロードすることができ、クレジット表記なしで商用利用も...
HTMLとCSSは、Webサイトを作るためには欠かせない言語です。HTMLとCSSが扱えるようになれば、一人でWebサイトのコーディングが行えるようになります。 Webサイトのコーディングができれば、...
2019年7月に見つけた「デザインの優れた魅力的なWebサイト」をまとめました。 今月は、魅力的なコーポレートサイトを多数ピックアップしています。コーポレートサイトは会社の顔となる存在で、案件獲得から...
海外から、GUIでHTML/CSSのコーディングが行えるツール「Relate」が登場しました。 従来のテキストエディタとブラウザを行き来してWebサイトを制作するスタイルが、Relateを使えば1つの...
SketchやFigmaは非常に使い勝手に優れたUIデザインツールで、普段の業務で使っている人も多いのではないでしょうか。 しかし、SketchもFigmaもアニメーションデザインは得意としていないの...
アイコン素材はWebデザインのあらゆる場所で活用することができます。ボタンやリストの見出し、ラベルなどにアイコン素材を取り入れれば、より使いやすくデザインも優れたWebサイトを作ることができますね。 ...
WordPressにある程度慣れてくると、テーマを編集して色々なカスタマイズを行いたくなると思います。しかし、テーマの編集は注意しなければならないポイントがたくさんあるため、慎重に行わなければなりませ...
Facebook、TwitterなどのSNSに記事をシェアしてもらうのに必要なのが「シェアボタン」です。サービスごとにURLやパラメータが異なるため、オリジナルでシェアボタンを作成する場合はそれぞれ設...
UX Planetに「How to Work Smarter as a Product Designer（訳：プロダクトデザイナーとしてよりスマートに働く方法）」という記事が投稿されました。 プロダク...
2019年6月に見つけた「デザインの優れた魅力的なWebサイト」を10個まとめました。 今月は可愛らしいデザインのWebサイトが比較的多いかもしれませんね。では、1つずつご紹介していきます。 ...
ブラウザ上で高性能なデザインツールが利用できるFigmaですが、2019年6月にプラグイン機能が発表されました。 プラグインと言えば、SketchやAdobe XDではすでに導入されており、プラグイン...
今年もAppleが主催するビッグイベント「WWDC 2019」が開催され、iOS 13やiPadOSなどの情報が発表されました。 色々な機能やサービスに関する情報が発表されていますが、デザイナー目線で...
CSS Gridの使い方はよく分からないけど、Flexboxの方が簡単そうだからFlexboxを使っているという方も多いのではないでしょうか。 確かに、CSS GridはFlexboxと比べると少し扱...
2019年5月に見つけたデザインの優れた魅力的なWebサイトを14個まとめました。 国内海外問わず、魅力的なWebサイトを厳選しているので、ぜひデザインの参考にしていただければと思います。 logeq...
SEO対策において、ページの表示速度は注意すべき指標の1つです。 ページの読み込みに3秒以上かかると50％以上のユーザーが離脱してしまうと言われており、たった数秒の違いで与える影響の大きさは計り知れま...
前回はネストや変数などSassの基本機能をご紹介しましたが、今回はもっと便利にスタイルシートを記述するためのSassの機能をご紹介したいと思います。 前回の記事はこちら↓ インポート（@import）...
デザインにおいてフォントは欠かせない要素です。フォントの細かな違いによって、デザインのイメージが変化し、大きな影響を与えます。 しかし、デザインを始めたての方はPCにデフォルトで入っているフォントを使...
2019年4月に見つけたデザインの優れた魅力的なWebサイトを14個まとめました。 国内海外問わず、魅力的なWebサイトを厳選しているので、ぜひデザインの参考にしていただければと思います。 Art4w...
コードを書かずにオリジナルデザインのWebサイトを公開することができる「STUDIO」がモリサワが提供する「TypeSquare」を正式導入し、500種類以上のフォントがなんと無料で利用できるようにな...
2019年のトレンド
"いま"読まれている記事
