商用利用無料、国内のフリーイラスト素材の総まとめ
Post on:2022年6月23日
個人でも商用でもWebページやアプリ、プレゼン、提案書、ポスター、同人誌などのさまざまなメディアで利用できる国内の無料イラスト素材をまとめました。
ほぼすべてがクレジット表記は必要無しなので、使いやすいと思います。
明治 メイバランスアイス ストロベリー 80ml×6個入
Post on:2022年6月22日
Amazonプライムデー（7/12, 13）に先行して、Kindle本の特別ビッグセールが開催しています！
セール初登場もたくさんあり、Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です！
セール期間は、2022年7月13日まで。
対象のKindle本は最安値（当方調べ）、今年発売されたばかりのもたくさんあり、要チェックです！
CSSアニメーションの実装もこれで簡単！ さまざまなプロパティの値をトゥイーンさせるスクリプト -ScrollBtween
Post on:2022年6月21日
Webページ上のあらゆるDOM要素に対して、CSSアニメーションを実装できるスクリプトを紹介します。
実装は簡単です、CSSのプロパティの値を「#fff to #000」「0 to 100」のように記述して、#fffから#000にトゥイーンさせ、0から100にトゥイーンさせます。
スクロールで背景色を変化させたり、ぼやけた画像をくっきりと表示したり、スクロール位置に基づくプログレスバーやパララックスも簡単に実装できます。
これは朗報！ CSSのメディアクエリの範囲指定で、比較演算子を使用できるようになります
Post on:2022年6月20日
これを待ち望んでいた人も多いと思います。
ついに、メディアクエリで比較演算子（>=, <=）を使用できるようになります！
幅が400px以上の場合、@media (min-width: 400px){}と定義していましたが、@media (width >= 400px){}と記述できます。
比較演算子だと、400pxを含む「以上」というのも分かりやすいですね。
New syntax for range media queries in Chrome 104
by Rachel Andrew
使い勝手のよいUIデザインにはリサーチが欠かせない！ デザインをするために必要なリサーチ・検証方法が網羅された解説書 -要点で学ぶ、デザインリサーチの手法125
Post on:2022年6月17日
デザインは見た目を整えることだけが仕事ではありません。ユーザーが抱えている課題、ニーズや要望を明らかにし、それらをどのように形にして解決するかが求めれています。
デザインをするために必要なリサーチ手法やデータの統計・分析法、可視化手法、デザインの検証方法などがコンパクトにまとめられた解説書を紹介します。プロジェクトでどのフェーズに取り入れるとよいのかなども分かります。
デザイナーをはじめ、プロジェクトのリーダー、そしてプロジェクトに携わるすべての人におすすめです。
Tailwind CSSの入門に！ コピペで簡単に実装できるUIコンポーネントとページレイアウトのまとめ -Preline UI
Post on:2022年6月16日
Webサイトでよく使用されるさまざまなUIコンポーネントとページレイアウトをTailwind CSSで実装したコンポーネント集を紹介します。
Tailwind CSSをこれから始めるという人にも簡単で、デフォルト構成のまま機能し、各UIコンポーネントとページレイアウトはHTMLをコピペするだけで簡単に実装できます。
ベッド マットレス付き ダブル すのこベッド ダブルベッド ベッドフレーム ローベッド ベッドマットレス ベッドマットレス アイリスプラザ 一人暮らし
マイクロソフトによるInternet Explorer 11サポート終了ページ
Post on:2022年6月15日
2022年6月15日、Internet Explorer 11(IE11)のサポートが終了しました。
マイクロソフトのライフサイクルに該当ページがあったので、メモ代わりに紹介します。
UIデザインに特化された配色ツール！ Webサイトやスマホアプリで使用する色に悩んだときに便利 -Goodpalette
Post on:2022年6月15日
見栄えの良い4色または5色を組み合わせる配色ツールはいろいろありますが、WebサイトやスマホアプリのUIデザインだとうまく機能しないことがあります。
カラーブランディングに成功しているWebサイトを見ると、そんなに数多くの色は使用されていません。デザインの一貫性を保つには、プライマリーカラーを1つ、アクセントカラーを1つ、あとはニュートラルトーンのベースカラーを使用しています。
この3つのカラーに9つの色合いを組み合わせたカラーパレットを生成する配色ツールを紹介します。