Web制作に役立つ情報一覧

【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ

2021/12/20(Mon) 08:55

この記事では、2021年のあいだに公開された、特に確認しておきたいIllustratorのデザインチュートリアル、つくり方をまとめてご紹介します。

https://photoshopvip.net/132691

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

2021/12/17(Fri) 08:51

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

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

その数22万超！浮世絵を無料ダウンロードできる検索サイトがすごい ukiyo-e.org

2021/12/15(Wed) 08:53

日本の伝統的な「浮世絵」への関心は非常に高く、これまでにも世界の博物館や美術館などが無料で閲覧、ダウンロードできるデジタルコレクションの一部として公開しています。

https://photoshopvip.net/132663

モダンCSSリセットを徹底解説、最近のデバイス・モダンブラウザの仕様に対応

2021/12/10(Fri) 09:06

最近のデバイス・モダンブラウザの仕様に対応した、モダンCSSリセットを紹介します。スタイル宣言はたったの9個ですが、個々のCSSについて詳しく解説されているので、記事はけっこう長いです。

https://coliss.com/articles/build-websites/operation/css/my-custom-css-reset.html

CSS Gridでposition: sticky;のスティッキーが効かないときの原因とその対応方法

2021/12/08(Wed) 08:59

CSS Gridで2カラムのレイアウト（メインとサイドバー）を実装し、サイドバーにposition: sticky;を定義したけど、機能しなかったことはありませんか？

https://coliss.com/articles/build-websites/operation/css/position-sticky-with-css-grid.html

今まで間違っていたこともこれでよく分かる！ 書き出しで心をつかむ執筆術を学べる解説書 -「書き出し」で釣りあげろ

2021/12/07(Tue) 08:52

「感情類語辞典」「性格類語辞典」「場面設定類語辞典」でお馴染みのフィルムアート社から、創作系の新しい解説書が発売です！最初のページを開いて、5秒くらい読んでみて、ストーリーに引き込まれなければ、本を戻してしまう人も多いと思います。本書ではその時に大切な書き出しの例を示し、ダメなポイントを警鐘し、最高の効果を得る方法を教えてくれます。

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

UIデザインの最近のトレンド、近未来的なかっこいいグラデーションを実装するCSSのテクニック

2021/12/03(Fri) 09:03

近未来的なかっこいい印象を与えるグラデーションを使用した、テキスト・ボタン・背景のスタイルを実装するCSSのテクニックを紹介します。白地のテキストをわずかに輝かせたり、ダークモードに映えるグラデーションでテキストやボタンを目立たせたり、カードに美しいグラデーションの背景を実装したり、少し色味を変えてライトモードに使用してもかっこいいグラデーションです。

https://coliss.com/articles/build-websites/operation/css/css-tricks-dark-futuristic-web3-look.html

新作の日本語フォント「藍と白のゆきぐに」がリリース！ 無料版もあるのが嬉しい、ロゴタイプみたいなかわいいフォント

2021/12/02(Thu) 08:55

「はんなり明朝」「こころ明朝体」「こども丸ゴシック」などのフリーフォント、そして「森と湖の丸明朝」「海と山のろごごち」をリリースしているTyping Artさんから、新作の日本語フォント「藍と白のゆきぐに」がリリースされました！

https://coliss.com/articles/freebies/font-ai-to-shiro-no-yukiguni.html

この実装方法は巧い！ コンテンツが少ない量でもフッタを一番下に配置するCSSのテクニック

2021/12/01(Wed) 08:50

ページのコンテンツが少なくても、フッタを一番下に配置するCSSのテクニックを紹介します。コンテンツが多ければ、成り行きで配置されます。フッタの高さは自由で、CSS GridやFlexboxやcalc()は使用せず、追加のラッパーも必要ありません。シンプルなHTMLに、数行のCSSで簡単に実装できます。

https://coliss.com/articles/build-websites/operation/css/clever-sticky-footer-technique.html

Webデザイナーがペンタブを使って感じた4つのメリット！苦労したことや対策も

2021/11/30(Tue) 08:54

デザイナーのみなさん、PCで作業をするときはマウス派ですか？ トラックパット派ですか？ それともペンタブ派ですか？以前から「イラストはあまり描かないけど、ペンタブを使いこなせたらきっと作業効率上がるんだろうな〜」と思ってはいたものの、なかなか慣れなくって結局マウスに戻るということを繰り返していました。

https://liginc.co.jp/573517