Web制作に役立つ情報一覧

Photoshop 「ジェネレーティブ塗りつぶし」機能が写真加工のすべてを変えてしまう理由

2023/05/26(Fri) 08:52

魔法のように画像のあらゆるものを削除・追加・修正できる、Photoshopの新機能「ジェネレーティブ塗りつぶし」をご紹介します。15年ほどPhotoshopを使っていますが、写真加工において過去一番の変化をもたらす、画期的な機能だと感じています。

https://photoshopvip.net/147192

Webデザイナーが施す9つのSEO対策

2023/05/26(Fri) 08:51

ここで案内するSEO対策は、Webサイト制作初心者やSEO対策はなんとなく理解しているがうまくいかない方向けの内容です。SEOを専門としている方には向きません。また、自社のサイトにSEO対策を施して成果を出したい方は、SEO対策をサービスの主軸として提供していて信頼できるSEO専門会社に依頼するのがベストであることをお伝えしておきます。

https://buildstd.com/seo-web-designer/

商用利用無料！ 医療・健康向けのUI用に美しくデザインされたSVGとFigmaのアイコン素材 -svg.health

2023/05/25(Thu) 09:30

医療や健康、メディカル、ヘルスケアのアイテムが美しくデザインされたアイコン素材を紹介します。珍しいアイコンがかなり多く揃っており、医療や健康関連のデザインをする時には重宝すると思います。SVGだけでなく、Figma用も揃っているので、便利です。

https://coliss.com/articles/freebies/svg-icons-for-medical-and-health.html

ほどよい個性で見出しに使いたくなるGoogle Fonts 19選

2023/05/23(Tue) 08:49

Google Fontsは、約1500種類のフォント（執筆時点）を提供しているWebサービスで、イメージに合ったフォントを見つけるためには、多くの時間が必要です。毎回フォントを探すたびに確認作業をするのは時間の無駄です。そこで、先日私はGoogle Fontsで提供されているすべてのフォントをチェックし、分類して自分用に整理しました。これにより、かなりの時短になったので共有します。

https://buildstd.com/unique-google-fonts/

最新フリーフォント46選：デザインを引き立てる秘密の武器 2023年5月版

2023/05/19(Fri) 08:49

フォントを利用するとき参考にしたい、注目の最新フリーフォント46個をまとめたのでご紹介します。

https://photoshopvip.net/147050

UIデザインに最適！ シンプルなSVGアイコン素材が7,000種類以上揃っていて、完全に商用利用無料 -Phosphor Icons

2023/05/19(Fri) 08:49

WebサイトやスマホアプリのUIデザインをはじめ、プレゼンなどのさまざまな成果物に使用できるSVGアイコンのセットを紹介します。アイコンのスタイルも豊富で、ソリッド・ベタ塗り・デュオトーンなども揃っており、さまざまなデザインに適用できると思います。

https://coliss.com/articles/freebies/flexible-svg-icons-phosphor.html

プレーンなHTMLで、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワーク -Neat CSS

2023/05/17(Wed) 08:54

ポートフォリオやブログ、テキストサイトやシンプルなショップなど、ミニマルなWebサイトを素早く構築できるシンプルなCSSのフレームワークを紹介します。HTMLもシンプルでプレーンなため、実装は簡単です。CSSはそのままでもカスタマイズしても使用できます。もちろん、レスポンシブ対応で、ダークモードもサポートしています。

https://coliss.com/articles/build-websites/operation/css/minimalist-css-framework-neatcss.html

CSSでこんな実装ができるとは！ 美しい光がきらり✨とボーダーに沿って回転するボタン -Button Shimmer Tricks

2023/05/16(Tue) 09:06

ぱっと見は普通の角丸ボタン、CSSグラーデションで実装された美しい光がきらりとボーダーに沿って回転するボタンを実装したデモを紹介します。小さなボタンですが、CSSコンテナクエリをはじめ、CSSによるマスク、hsl()の美しいグラデーション、繊細なbox-shadowとCSSのさまざまなテクニックが駆使されています。

https://coliss.com/articles/build-websites/operation/css/css-button-shimmer-tricks.html

コンテンツにすばらしい画像、動画、ビジュアルが必要な 7 つの理由

2023/05/16(Tue) 09:05

私たちは毎日五感を使って問題を解決し、日常生活を営んでおり、それぞれが人間を大きく助けています。その中でも視覚は人間が学習するすべての80%を担っており、脳が発達したほとんどの動物でも同様の数値が得られる可能性があります。

https://www.seojapan.com/blog/why-content-needs-amazing-images-videos-visuals

次世代のCSSグラデーションツールが美しすぎる！ すべての新しい色空間を完全にサポート -CSS HD Gradients

2023/05/12(Fri) 08:50

すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。

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