すべてのページが美しく、ワクワクする配色のアイデアが満載! 一つひとつの色を深く掘り下げた配色本 -Color by Color

デザインやイラストに好きな1色をセンスよく使用したい、一つひとつの色を深く掘り下げた配色本を紹介します。

本書はちょっとした辞書並みの圧倒的な情報量に、ワクワクする配色がたくさん詰まっています。ピンク、赤、オレンジ、イエロー、黄緑、グリーン、青緑、ブルー、パープルと色相環を1つずつ回るように、1691の配色、259のデザイン作例、665のデザインパターンが収録されています。

たとえば、青緑の中の1つ「レディブルー」は上品で華やかさがあり、優しく静的な印象を与えるカラーです。1つの色に対してさまざまなデザイン・イラスト・写真の配色が収録されており、どれも試したくなります!

Color by Color 配色ひらめきツール

続きを読む

商用利用無料、国内のフリーイラスト素材の総まとめ

個人でも商用でもWebページやアプリ、プレゼン、提案書、ポスター、同人誌などのさまざまなメディアで利用できる国内の無料イラスト素材をまとめました。
ほぼすべてがクレジット表記は必要無しなので、使いやすいと思います。

商用利用無料、国内のフリーイラスト素材の総まとめ

続きを読む

Kindle本の特大セールが開催! セール初登場もたくさんあり、UIデザイン、Web制作、イラストの良書がたくさん半額です

Amazonプライムデー(7/12, 13)に先行して、Kindle本の特別ビッグセールが開催しています!
セール初登場もたくさんあり、Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です!

セール期間は、2022年7月13日まで。
対象のKindle本は最安値(当方調べ)、今年発売されたばかりのもたくさんあり、要チェックです!

セール対象のKindle本

Amazonプライムデー最大70%OFF Kindle本セール

続きを読む

CSSアニメーションの実装もこれで簡単! さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween

Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。

実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから#000にトゥイーンさせ、0から100にトゥイーンさせます。

スクロールで背景色を変化させたり、ぼやけた画像をくっきりと表示したり、スクロール位置に基づくプログレスバーやパララックスも簡単に実装できます。

CSSアニメーションの実装もこれで簡単! さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween

ScrollBtween
ScrollBtween -GitHub

続きを読む

これは朗報! CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります

これを待ち望んでいた人も多いと思います。
ついに、メディアクエリで比較演算子(>=, <=)を使用できるようになります!

幅が400px以上の場合、@media (min-width: 400px){}と定義していましたが、@media (width >= 400px){}と記述できます。
比較演算子だと、400pxを含む「以上」というのも分かりやすいですね。

CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります

New syntax for range media queries in Chrome 104
by Rachel Andrew

続きを読む

使い勝手のよいUIデザインにはリサーチが欠かせない! デザインをするために必要なリサーチ・検証方法が網羅された解説書 -要点で学ぶ、デザインリサーチの手法125

デザインは見た目を整えることだけが仕事ではありません。ユーザーが抱えている課題、ニーズや要望を明らかにし、それらをどのように形にして解決するかが求めれています。

デザインをするために必要なリサーチ手法やデータの統計・分析法、可視化手法、デザインの検証方法などがコンパクトにまとめられた解説書を紹介します。プロジェクトでどのフェーズに取り入れるとよいのかなども分かります。

デザイナーをはじめ、プロジェクトのリーダー、そしてプロジェクトに携わるすべての人におすすめです。

要点で学ぶ、デザインリサーチの手法125

続きを読む

Tailwind CSSの入門に! コピペで簡単に実装できるUIコンポーネントとページレイアウトのまとめ -Preline UI

Webサイトでよく使用されるさまざまなUIコンポーネントとページレイアウトをTailwind CSSで実装したコンポーネント集を紹介します。

Tailwind CSSをこれから始めるという人にも簡単で、デフォルト構成のまま機能し、各UIコンポーネントとページレイアウトはHTMLをコピペするだけで簡単に実装できます。

Tailwind CSSの入門に! コピペで簡単に実装できるUIコンポーネントとページレイアウト集 -Preline UI

Preline UI
Preline UI -GitHub

続きを読む

マイクロソフトによるInternet Explorer 11サポート終了ページ

2022年6月15日、Internet Explorer 11(IE11)のサポートが終了しました。

マイクロソフトのライフサイクルに該当ページがあったので、メモ代わりに紹介します。

サイトのキャプチャ

Internet Explorer 11 -Microsoft ライフサイクル

続きを読む

top of page

©2022 coliss