Web制作に役立つ情報一覧

おしゃれで使いやすい、要注目の最新フリーフォント37個まとめ

2022/11/01(Tue) 09:02

おしゃれでかわいいフリーフォントは、デザインに迷っているときにおすすめです。無料で利用できるのはもちろん、フォントを変更し、文字を入力するだけで、誰でもあらゆるスタイルを、手軽に試すことができるのが理由です。実際に、フォントを変更したところ、デザインだけでなく、読みやすさも改善された、という声はよく聞きます。

https://photoshopvip.net/140404

デザインのアイデア出しに困った時に！ キーワードからデザイン要素やテクニックに展開させるデザイン書 -ひらめきデザインひき出し帖

2022/10/31(Mon) 09:15

「洗練されたデザインで、3案ください」「安心感を与えるデザインにしてください」クライアントからこういった要望はよくあります。「洗練」にもさまざまな洗練があり、「安心感」にもさまざまな安心感があります。こういったキーワードをデザインに落とし込むには、そのキーワードの深掘りだけでなく広がりも重要です。さまざまなキーワードをイメージに変える方法が分かるデザイン書を紹介します。

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

CSSの進化がすごい！ スタイルクエリの基礎知識と使い方を解説、親要素の「スタイル」に応じて子要素のスタイルを適用

2022/10/28(Fri) 08:56

Chrome 106, Safari 16でサポートされたコンテナクエリは、親要素（コンテナ）のサイズに応じて子要素のスタイルを設定できる新機能です。しかし、これは機能の一部です。親要素のスタイルに応じて子要素のスタイルを設定できるスタイルクエリを紹介します。たとえば、下記は右のカードの親要素に特定のスタイルが設定されており、それに応じて子要素のスタイルが適用されています。

https://coliss.com/articles/build-websites/operation/css/basic-knowledge-of-css-style-queries.html

CSSの最新テクニック！ シンプルなHTMLとCSSで、オフキャンバスのメニューをポップアップで実装

2022/10/26(Wed) 09:03

この実装は、完全に想定外の発想でした！スマホでよく見かけるドロワー、オフキャンバスのメニューをポップアップで実装するCSSの最新テクニックを紹介します。オフキャンバスも確かにポップアップと同様にページ上に浮かぶように表示されますが、ポップアップで実装できるようになるとは思いませんでした。JavaScriptはなし、HTMLとCSSだけで簡単に実装できます。

https://coliss.com/articles/build-websites/operation/work/pop-up-api-off-canvas-menu.html

SEOの効果はいつ表れる？早めるための施策7つと3つの事例

2022/10/25(Tue) 08:57

SEOは時間がかかってしまうので「SEOに取り組んでいるけど全然効果が出ない」、「効果を早めるための施策はある？」と考えている人も多いのではないでしょうか。SEOの効果が出ないからといって早々にあきらめてしまっては、それまでの取り組みが無駄になってしまいますし、「時間がかかるものだから」と間違った施策を続けても高い効果は期待できません。

https://www.seohacks.net/blog/16056/

フォトショップの写真加工、レタッチできることガイド

2022/10/24(Mon) 09:00

このガイドでは、Photoshopの写真加工について知っておく必要がある、すべてのことをまとめた完全ガイドです。写真加工で知っておくべき基本事項から、フォトショップでできる写真加工の方法、ボタンひとつでプロ級の仕上がりを得るアクション素材など、写真加工したいときに、いつもさがしてしまう情報を、随時アップデートしています。

https://photoshopvip.net/139880

Adobe MAX 2022「ベテランほど知らずに損してる☆IllustratorとPhotoshopの新常識」フォローアップ

2022/10/21(Fri) 09:01

昔の使い方のままでも日々の仕事はこなせますが、「知っていたら早く終わる」「使えばキレイに仕上がる」機能を使わないのは「損」です。ここ10年で、ゆうに200以上はある新機能・機能強化の中から厳選し、デモを交えてお伝えします。

https://dtptransit.design/seminar/review-adobe-max2022.html

商用でも完全に無料！ WebサイトやアプリのUIに適したシンプルデザインで、SVG完備のアイコン素材 -Sargam Icons

2022/10/20(Thu) 08:53

企業サイトやプロダクトページをはじめ、オンラインショップ、ポートフォリオ、ブログなど、WebサイトやアプリのUIデザインに適したSVGアイコンが無料で利用できるSargam Iconsを紹介します。

https://coliss.com/articles/freebies/sargam-icons.html

文字がかっこいい！すごいPhotoshopテキストエフェクト厳選101個まとめ【2022年改定版】

2022/10/19(Wed) 08:54

文字を入力して、ほんの数クリックで魅力的な加工ができる、Photoshopテキストエフェクト素材をまとめています。ここで紹介する素材は、どれも無料ダウンロードできるのが大前提。また素材の多くは、フォントを編集するだけで完成の、「スマートオブジェクト」機能を活用した、時短アイテムばかり。

https://photoshopvip.net/139604

Web制作者は要チェック！ VSCodeの便利なショートカットが、短時間で身につく魔法のチートシート -VSCheatsheet

2022/10/19(Wed) 08:53

VSCodeを使いこなすには、まずはよく使用する操作のショートカットを覚えることです。コードを書くときに便利なショートカットとどのように機能するか視覚的に分かるチートシートを紹介します。ショートカットはmacOS, Windows, Linux対応で、視覚的にどうなるか分かるので、記憶に残りやすいと思います。

https://coliss.com/articles/build-websites/operation/work/vscode-shortcuts-in-shortest-time.html