Web制作に役立つ情報一覧

ピンク色は何種類ある？色見本・カラーコード40選【事例・デザイン素材も】🦩

2023/08/17(Thu) 09:09

ピンク色は「ロマンス」や「フェミニン」、「大事に育む」といった意味合いを持つ色です。この記事では、ピンク色のもつ意味や効果や、40色のピンク色を集めた色見本をHEXカラーコード付きでご紹介します。ピンク色の効果的な使い方を学ぶ事例や、すぐに使えるデザイン素材と一緒も参考として活用してみましょう。

https://photoshopvip.net/149162

ロゴのデザインは奥が深い！ 洗練されたロゴデザインのテクニックを学びたい人にお勧めのデザイン書 -ロゴデザインの原則

2023/08/07(Mon) 08:51

ロゴデザインのテクニックを学びたい人にお勧めのデザイン書を紹介します。洗練されたシンプルなデザインのロゴ、シンボル、アイコンを作るための知識やテクニックが詳しく解説されており、グリッドや黄金比やシンメトリーや錯視などデザインのさまざまな原則についても学べます。

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

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