Web制作に役立つ情報一覧

CSS @font-faceに使用する新しい構文の基礎知識と使い方、format()とtech()、OpenType-SVGとCOLRv1によるカラーフォントの表示

2023/08/04(Fri) 08:55

CSSの@font-faceで見慣れない構文があるなと思ったら、どうやら新しい構文がChrome, Edge, Safari, Firefoxの各ブラウザにサポートされていました。CSSの@font-faceに使用する新しい構文の基礎知識と使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-font-face-new-syntax.html

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

2023/08/03(Thu) 08:51

Adobeから新作ブラシ、「2023年夏のブラシ」がリリースされました！2023年夏のブラシは、波や草をはじめ夏を描くブラシがセットになっており、Photoshop, Frescoだけでなく、Clip StudioやProcreateなどでも使用できます。Adobeからは定番のブラシをはじめ、ペン用ブラシ、塗り用ブラシ、水彩用ブラシ、2018年夏のブラシから2023年春のブラシも全部無料でダウンロードできます！

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

刺さる「会社案内パンフレット」をデザインするための方程式とは？

2023/08/01(Tue) 08:53

会社案内パンフレットは、企業で使う印刷物の中で、最も基本的で重要なアイテムです。新規取引先開拓の営業ツールとして、銀行や信用調査機関などにお渡しする資料として、また人材募集の際には会社説明用の資料として、などなど様々な用途で使われることでしょう。

https://note.com/mediact/n/n5c78d38cb287

デザインやイラストに使える配色本の決定版！ 配色アイデア手帖 第2版は、Photoshopやクリスタのスウォッチデータ・ポケット版PDFなど豪華ダウンロード特典が満載

2023/07/31(Mon) 08:53

配色本の中で日本一（もしかしたら世界一）売れている（担当者様談）配色アイデア手帖、現在も好調に売れ続けている中、完全保存版となるべく改訂第2版が発売されました！この第2版では、収録されているカラーすべてのスウォッチデータ、CSSファイル、ポケット版PDFと豪華ダウンロード特典が満載で、さらに新しい配色テーマやコラムが増え、紙面は最新版にブラッシュアップされています。まだ持っていない人はもちろん、すでに持っている人にもお勧めします。

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

デザインの参考になる！ 最近のWebサイトやスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ

2023/07/28(Fri) 08:51

最近のWebサイトやスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。デザインのアイデアを探している時に、ブックマークしておくと便利です。

https://coliss.com/articles/build-websites/operation/work/ui-interaction-gallery.html

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数の定義が簡単にできる便利ツール -Fluid Type Scale Calculator

2023/07/25(Tue) 08:52

レスポンブ対応のフォントサイズをCSSで設定するには、CSSのclamp()関数が便利です。clamp()関数は最大値と最小値の2つの値の間をクランプし、レスポンシブ対応の流体フォントサイズを設定できます。CSSのclamp()関数を使用し、スクリーンサイズに合わせて最適化される流体フォントサイズのCSSを簡単に生成できるツールを紹介します。

https://coliss.com/articles/build-websites/operation/css/fluid-type-scale-calculator.html

SEOに最適なキーワード調査ツール16選

2023/07/18(Tue) 08:56

SEOツールと呼ばれるツールは数多くあり、そのすべてを把握することは非常に難しいでしょう。機能も様々あり、用途に合ったツールを選択したいものです。SEOツールを使用するシーンは複数考えられますが、キーワード調査にツールを使用すると、効率よく進められるはずです。今回は、「キーワード調査」に用途を絞ったSEOツールを解説するSearch Engine Journalの記事を紹介します。

https://www.seojapan.com/blog/best-keyword-research-tools-478604

CSSでここまでできるとは驚いた！ CSSを活用した本作りのワークフローを徹底解説した良書 -CSS組版Vivliostyle入門

2023/07/18(Tue) 08:55

CSSの解説書というと、通常はWebサイトやスマホアプリを実装するための知識やテクニックですが、今回は『CSSによる本作り』の解説書を紹介します。原稿の執筆から、本のデザインやレイアウト、データ入稿まで、CSSを活用した本作りのやり方を徹底解説した解説書です。

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

CSSでの実装が今までとは大きく変わる！ スクロールをトリガーにしたアニメーションを実装する方法

2023/07/18(Tue) 08:54

まもなくリリースされるChrome 115で実装されるScroll-driven animationsにより、スクロールをトリガーにしたアニメーションの実装方法が大きく変わります。

https://coliss.com/articles/build-websites/operation/work/scroll-driven-animations.html

【商用可＆無料】2023上半期ベスト英語・日本語フリーフォント厳選81個まとめ

2023/07/13(Thu) 08:56

この記事では、2023年上半期にリリースされた、商用利用でも使える完全無料の英語・日本語フリーフォントを集めました。2023年上半期は、特に数多くの日本語フリーフォントが公開され、おしゃれな英語フォントから高級感のあるセリフ書体、人気定番の筆記体、手書き、ブラシフォント、ビンテージ、ディスプレイなど幅広いカテゴリより、フリーフォント素材81個を厳選しています。

https://photoshopvip.net/148310