1. 2018年はこれで決まり!Webデザインの最新トレンドまとめ
    Webデザインは1年単位で流行が変わるため、常に最新のトレンドにキャッチアップし続けなければなりません。デザインに流行があるのは、技術やデバイスの進化や環境の変化が影響することも多く、ユーザビリティやUI/UXの観点からも最新のデザインを取...

  2. 2017年を先取り!WEBデザインの最新トレンドまとめ
    WEBデザインは時代とともに流行やトレンドが生まれ、変わっていくものです。近年では様々なデバイスや技術の登場により、変化のスピードも早まってきました。そのため少し時間が経っただけで時代遅れのサイトと見なされてしまう可能性もあり、かっこいいサ...

  3. 2017年アツい!注目のUIデザインツール徹底比較
    WebサイトやAndroid,iPhoneアプリなどを作る場合に欠かせない作業がUIデザインの作成です。Sketchの登場に続き、AdobeもXDをリリースしてUIデザインツールの戦国時代が始まりました。色々なUIデザインが公開され...

  4. コピペで実装!すぐに使えるCSSサンプルコードまとめ
    ボタンや見出しなど、Webデザインの核となるパーツに関するCSSサンプルコードが紹介されているページをまとめました。想像以上に優れたデザインが多数紹介されていて、中には難しいコードも紹介されていますがとても勉強になるものが多いです。...

  5. 現役デザイナーがおすすめする独学でWebデザインを勉強する最短の方法
    Webデザインを勉強したい!と思う人は多いかもしれませんが、学校で習う勉強と違って正解が1つではないため、決まった勉強法が無く独学で勉強することが比較的難しいです。しかし、その難しいと言われる理由は何を勉強すれば良いのかが分かってい...

  6. 先週のWebデザイン最新ニュース [2017/12/11]
    12月4日〜12月10日に発表されたWebデザインに関連する最新の記事やニュースをまとめました。忙しくて時間がない人も、注目の情報やニュースをまとめてチェックしておきましょう!最新ニュース まずは、今週発表されたWebデザインやそ...

  7. 見ていて楽しい!スプリットスクリーンレイアウトの特徴と参考になるサイトまとめ
    スプリットスクリーンレイアウトは画面を大きく分割するレイアウトで、使い方次第では非常に効果を発揮するデザイン手法です。分割スクリーンレイアウトや、分割式レイアウトなどとも呼ばれたりします。一口にスプリットスクリーンといっても、サイト...

  8. 会話もできる!高性能チャットボットが作れるサービスまとめ
    チャットボット作成サービスは色々な企業が提供していますが、チャットボットと言っておきながらマガジン形式の一方通行のコミュニケーションで会話には対応していないものがまだまだ多いです。しっかり会話してコミュニケーションが取れるチャットボ...

  9. 間違いなく最強のデザインツール「InVision Studio」が2018年1月にリリース!
    世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイントはその機能!InVision...

  10. 2017年最新!SEOに強いWordPressテーマまとめ
    WordPressを使ってWebサイトを作成する時、みなさん最初に悩むのがどのテーマにするかだと思います。どうせWebサイトを作るなら多くの人にアクセスしてもらうために、SEOに強いWebサイトを作りたいですよね。WordPressのテーマ...

  11. 【2017年】無料で使える!おすすめフリー写真素材サイト5選【商用利用OK】
    著作権の表記不要で、商用利用も可能なフリー写真・画像素材提供サイトの中から、2017年おすすめの5サイトについてまとめました。フリー写真素材提供サイトを紹介しているまとめはたくさんありますが、数が多すぎて使いやすいサービスを見つける...

  12. グリッドレイアウトの基本とデザインの参考になるサイトまとめ
    グリッドレイアウトは数々のWebサイトで採用されており、人気の高いデザイン手法です。とてもシンプルなデザインの方法ですが、それぞれの要素のデザインやマージン(余白)の取り方などで与えられる印象がガラッと変わります。今回は、グ...

  13. 2017年もSEOに強いWebサイトを作るために押さえておきたい21の基本
    「Webページを作ったのに、全然上位に表示されない…。」というのは、Webページを作ったことのある方なら誰もが経験したことがあると思います。頑張って作ったWebサイトであれば、検索結果の上位に表示されたいですよね。そこで登場するのが...

  14. 全部知ってる?主要なWebデザイン手法のまとめ
    Webサイトのデザイン手法には様々なものがありますが、しっかりとした知識はお持ちですか?それぞれのデザイン手法をきちんと知っておくことで、より優れたデザインを作成できるようになります。これからWebデザインを勉強する方はこの記事をぜ...

  15. 簡単!可変グリッドレイアウトが作れるプラグインまとめ
    可変グリッドレイアウトとは、画面の幅を変更することでグリッドが最適な配置に整列するようなグリッドレイアウトのことを言います。レスポンシブデザインとの相性がいいのはもちろん、PCでの表示でもデバイスに最適なサイズでレイアウトを調整する...

  16. コピペで実装!スプリットスクリーンレイアウトのサンプルコード
    スプリットスクリーンレイアウトとは、画面を大きく分割して表示するデザイン手法です。分割するため対比を表現したい場合に使われたり、画面の片側をメニューのようなガイド表示に使用する場合も多いですね。今回は、スプリットスクリーンを...

  17. チャットボットとは?メリットや作り方、活用法のまとめ
    近年、大きな注目を集めているチャットボットのメリットや作り方、活用法をまとめました。チャットボットは人工知能を活用してユーザーと会話することのできるプログラムとして、様々な場面で活用され始めています。ビジネスの場ではカスタマ...

  18. コピペでデザイン!簡単マテリアルデザイン風コードまとめ
    「マテリアルデザイン」はGoogleが発表したデザインのガイドラインです。Googleのサービスは現在ほぼすべてこのマテリアルデザインに則って作成されています。シンプルながらも機能性に優れたこのマテリアルデザインを駆使すれば、ウェブページが...

  19. 脱WordPress!静的サイトの特徴やメリットなどのまとめ
    WordPressのようにアクセスされる度にページを生成するのではなく、予め生成しておいたページを表示する静的サイトが再び注目を集めています。静的サイトの特徴やメリットとデメリット、人気の静的サイトジェネレータについてまとめました。...

  20. 2017年はチャットボットの年!?活用事例やサービスまとめ
    最近チャットボット(chatbot,チャットbot)を用いたサービスが続々とリリースされ、その注目度も急速に高まっています。チャットボットを上手く使っているサービスや優秀なbotに厳選し、実際どのように活用されていて、ビジネスのどのような部...

  21. とにかくおしゃれ!ミニマルデザインの特徴と参考になるサイトまとめ
    ミニマルデザインは、ページを構成する要素を最小限に絞ったシンプルなページを作るためのデザイン手法です。シンプルながらもおしゃれなページを作ることができるミニマルデザインは、Appleなどの大企業もサイトデザインに使用していて、デザイ...

  22. パララックスの特徴とデザインの参考になるサイトまとめ
    パララックス(Parallax)は視差効果とも呼ばれ、スクロール時の動きに演出を加えるようなデザイン手法です。Webサイト制作の現場でよく使われる手法であり、デザインに動きが加わるため見ていて楽しいWebページに仕上げることができま...

  23. 2017年最新!おすすめのプロトタイピングツール5選
    プロトタイピングツールも最近は色々な進化を遂げ、単にプロトタイプを作成するだけに限らず、プロトタイプの画面上にコメントを残してフィードバックしたり、リモートで音声通話ができたり、画面遷移図だってプロトタイプから出力することができるようになっ...

  24. 全部無料!おすすめのSketch用UIキットやデザイン素材50選
    デザインを0から作るのもいいですが、時間がかかってしまったり、初心者の場合だと高いクオリティのデザインを作るのはなかなか難しかったりします。そんな時はUIキットやデザイン素材を上手く活用することで、効率よく優れたデザインを作成することができ...

  25. SketchファイルをWindowsで開く3つの方法
    SketchがUIデザインツールの定番として浸透してきていますが、悲しいことにWindowsは対応しておらず、Macしか使えないという欠点があります。最近ではMacユーザーも増えてきていますが、まだまだWindowsユーザーも多く、業務上W...

  26. Web制作に役立つ!JavaScript厳選プラグインまとめ【グラフ編】
    ブラウザ上でグラフを表示するならばJavaScriptやjQueryを使う方法が一般的です。画像を貼り付けると拡大したら荒くなったり、細かい数値が確認できませんが、JavaScriptを使うとマウスオンした時にデータを表示できたり、...

  27. Sketchの新機能「ライブラリ」とは!特徴や使い方など
    つい先日ベータ版が公開されたSketch 47で「ライブラリ」機能が追加されました。色々なツールやサービスでライブラリという言葉は使われていますが、Sketchにおけるライブラリとは一体どういった機能なのでしょうか。Sketchの新...

  28. 【2018年最新】SEO対策のトレンド・ポイント
    2018年最新のSEO対策のトレンドやポイントについてまとめました。モバイルファーストインデックスや音声検索、AMP対応などの最新の動きに加え、タイトルや見出しの付け方、ユーザビリティの高いページを作るなどSEO対策の基本の中でも特に重要な...

  29. 超便利!Sketchのおすすめプラグイン15選
    Sketchといえば多くのIT企業で使われているUIデザインツールですが、プラグインはしっかり使いこなせていますか?プラグインを上手く活用することによって、できることの幅が広がったり、効率よくデザイン制作を行えることができるようになります。...

  30. コピペで使える!フォームの表示とJavaScriptでの値の取得
    お問合わせのメールやユーザー登録に使うフォームですが、初心者が使いこなすには少し複雑です。送信しても値が入っていなければキャンセルしたり、チェックボックスから複数の値を取得したり色々なテクニックを使わなければなりません。そこ...