Web制作に役立つ情報一覧

無料・商用OK！元任天堂デザイナーらによる粗ドット700点公開の素材ダウンロードサイトDOTOWN

2022/02/09(Wed) 09:02

元・任天堂デザイナー前田高志さんとクリエイティブを楽しむオンライン集団、前田デザイン室が公開した素材ダウンロードサイト「ＤＯＴＯＷＮ（ドッタウン）」が話題となっています。

https://photoshopvip.net/133365

この一冊でWordPressの知りたいことがよく分かる！ 基礎知識から最新版に対応したテクニックまで徹底解説 -WordPressオリジナルテーマ制作入門

2022/02/07(Mon) 09:01

オリジナルのデザインでWordPressのテーマファイルを制作したい、テーマファイルを自分用に改造したい、既存のWebページをWordPress化したい、そんな人にぴったりの解説書を紹介します。

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

Pantone社が新色発表 カリブ海の楽園「プエルトリコ」の太陽をモチーフに

2022/02/03(Thu) 08:58

朝日と夕日のゴールデンアワーを愛するひとに向けた限定カラー Puerto Rico Sunshine を発表しました。 パントン社は、Discover Puerto Ricoと共同で、カリブ海の楽園として知られるプエルトリコの太陽の光にインスパイアされた新色をリリース。

https://photoshopvip.net/133307

CSSの便利ツールが登場！ レスポンシブ対応のフォントサイズを超簡単に定義できる -Modern Fluid Typography Editor

2022/02/01(Tue) 08:56

Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。

https://coliss.com/articles/build-websites/operation/css/css-modern-fluid-typography-editor.html

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

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