Web制作に役立つ情報一覧

すべてのページが美しい！ こんなにもワクワクした配色本は初めて、デザインやイラストにぴったりな「配色パターンブック」

2022/01/31(Mon) 08:58

デザイン、イラスト、写真、塗り絵、インテリア、ファッションなど、色に携わるすべての人にお勧めの「配色パターンブック」を紹介します。

https://coliss.com/articles/book-review/isbn-9784802512268.html

Flexboxの最新テクニック！ メディアクエリはなし、同じCSSで4つの異なるレイアウトに対応したフォームを実装

2022/01/27(Thu) 08:58

メディアクエリはなし、同じHTMLとCSSで、親コンテナの幅に応じて4つの異なるレイアウトに対応したフォームを実装するFlexboxの最新テクニックを紹介します。

https://coliss.com/articles/build-websites/operation/css/4-layouts-form-used-flexbox.html

【2022年】デザインが映える！今どきのかわいい無料イラスト素材13選

2022/01/26(Wed) 09:08

この記事では、無料ダウンロードできる今どきのかわいいイラスト素材をまとめています。これまでにもイラストに関して定期的にまとめていますが、今回は比較的最近公開された最新イラスト素材やライブラリ、オンラインツールなどを中心に揃えています。イラストを描く絵心がないと嘆く、非デザイナーのひとにオススメのお役立ち素材が揃います。

https://photoshopvip.net/133153

クリスタでも使える高品質なブラシ素材！ Photoshopの2022年新作ブラシがAdobeから無料ダウンロードできます

2022/01/24(Mon) 08:58

Adobeから新作ブラシ、「2022年冬のブラシ」がリリースされました！2022年冬のブラシは、雪の結晶、積雪、雪山、など雪景色を描くブラシがセットになっており、Photoshop, Frescoをはじめ、Clip Studioでも使用できます。Adobeからは定番のブラシをはじめ、ペン用ブラシ、塗り用ブラシ、水彩用ブラシ、2018年夏のブラシから2021年秋のブラシも全部無料でダウンロードできます！

https://coliss.com/articles/build-websites/operation/design/adobe-photoshop-brush-winter-2020.html

現役デザイナー直伝！2022年に要注目のロゴデザイントレンドまとめ

2022/01/21(Fri) 09:01

2022年版のWebデザイントレンドやグラフィックデザイントレンドも一緒に確認しながら、 今後のロゴ作成の参考にしてみてみましょう。

https://photoshopvip.net/133011

CSSによるレイアウトの崩れやおかしな挙動を解決するテクニックのまとめ -Defensive CSS

2022/01/21(Fri) 08:58

WebページやUIコンポーネントのレイアウトの崩れ、おかしな挙動にあらかじめ対応しておくためのCSSのテクニックを紹介します。FlexboxやCSS Gridによるレイアウトの崩れ、テキストが長いコンテンツ、固定の幅・固定の高さによるレイアウトの崩れ、子アイテムが増えすぎたり減りすぎたりで崩れたりなど、起こりがちな問題を解決する実践的なテクニックが満載です。

https://coliss.com/articles/build-websites/operation/css/defensive-css.html

Godivaのロゴにある「王道感」は、ローマ帝国由来の書体Trajan

2022/01/19(Wed) 08:59

Godiva（ゴディバ）は、ベルギーのチョコレートブランド。創業は1926年で現在本社はアメリカ合衆国ニューヨークで、トルコの財閥Yıldız Holdingと韓国のMBK Partnersが共同経営しています。

https://note.com/shijimiota/n/nf3af8f0c3958

プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.11

2022/01/19(Wed) 08:58

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/ui-ux-micro-tips-volume-eleven.html

これはかなりオススメの良書！ 最近のWebデザインのアイデア・作り方がよく分かる -Webデザイン良質見本帳

2022/01/17(Mon) 08:55

Webデザインをレイアウトや構図から、最近のトレンドから、カラーや配色から、業種やジャンルから、印象やイメージから、そのデザインのアイデアや仕組みや作り方が分かるオススメの解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784815609092.html

パララックスもこれで簡単に！ HTMLやCSSを変更せずにシンプルに実装できるスクリプト -simpleParallax.js

2022/01/13(Thu) 08:57

ユーザーのスクロール操作に合わせて視差効果を与えるパララックスのエフェクトをシンプルに実装できる軽量のバニラJavaScriptのライブラリを紹介します。

https://coliss.com/articles/build-websites/operation/javascript/vanilla-js-library-simpleparallax.html