Amazonでアドビセールが開催！ Creative Cloud Proが最安値の50％オフで、超お買い得です
Post on:2026年7月7日
※本ページは、アフィリエイト広告を利用しています。
Amazonで本日からプライムデー先行セールが開催です！
そして、Adobe Creative Cloud Proが驚異の50％オフになっています！！
Amazonでのセール期間は7/13（月）まで。前回ゴールデンウィークのセールでは36％オフでしたが、今回のプライムデーでは50％オフの最安値です。
次回はおそらく、11月のブラックフライデーなので、それまでに切れてしまう人は絶対お見逃しないように！
例のごとく「新規対象キャンペーン」とありますが、今回のセールで購入するのが初めてという意味です。既にCreative Cloud Proを利用していて、Amazonでも購入経験ありの人でも、購入して期間を延長できます。
便利な配色ツールが登場！ OKLCHで知覚的に優れた広色域カラーパレットを生成 -OKLCH Color Palette Generator
Post on:2026年7月7日
UIデザイン用にカラースケールを作成するとき、数値的に均一にしてしまうと、やや無機質に感じられることがあります。明るさが均一の変化だと、色褪せて見え、特に両端の淡い色合いと濃い色合いの変化が少なくなってしまいます。
また、ライトモードだといい感じだけど、ダークモードで使用するとなんか違う、そんな経験はありませんか？
UIデザインに特化された、ライトモードもダークモードでも機能する、OKLCHで知覚的に優れた広色域カラーパレットを生成できる無料ツールを紹介します。
今回はCSSのアップデートが盛りだくさん！ Chrome 150で新しく追加された18個のCSSの機能
Post on:2026年7月6日
先週アップデートされたChrome 150に追加された、CSSとUIに関する新しい機能を紹介します。
今回はかなりの数のアップデートがされており、さまざまなCSSのプロパティや関数に便利な機能が追加されています。Web制作者は要チェックです！
UIデザインに違和感が！ なにがそう感じさせるのか、デザインに影響を与える心理効果を紐解いたデザイン書 -デザインは重心。
Post on:2026年7月3日
※本ページは、アフィリエイト広告を利用しています。
デザインの各要素は正確に配置した、余白も十分に取った、カラーやフォントも厳選した、でもなんだかデザインがうまくいかない。
原因はデザイン全体のバランス、重量感と視覚重心にあるかもしれません。そんなデザインの違和感をなくし、デザイン要素の面積、距離、輝度コントラスト、余白、細部量、アンカーなどのテクニックを学べるデザイン書を紹介します。
2026年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
Post on:2026年7月2日
デザインの引き出しを増やすには、トレンドを押さえておくことが大切。トレンドは一時的な流行ではありません、デザインが向かっている道のりの途中を示すものです。
デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。
2026 Logo Trend Report
by BILL GARDNER
面白い！ けど惜しい、日本語フォント対応、あらゆるフォントで手書きしたかのようなアニメーションを生成 -Tegaki（手書き）
Post on:2026年7月1日
英語フォントをはじめ、日本語フォント、ヘブライ語、アラビア語、天城梵字、韓国語を使用して、テキストを手書きのアニメーションにするTegaki（手書き）を紹介します。
Google Fontsにも対応しているので、手元にフォントがない人でも大丈夫です。グリフのアウトラインを自動抽出し、スケルトンを計算し、ストロークパスをトレースし、フォントを手書きしたかのようなアニメーションを生成されます。
macOSでアプリごとの音量調整、スリープ解除、ウインドウ切り替えなど、複数のアプリが必要になる機能をまとめて使える無料アプリ -Vorssaint
Post on:2026年6月30日
macOSでアプリごとの音量調整、スリープの解除、ウインドウの切り替え、リアルタイムのシステムモニター、キーボードのクリーニングモードなど、通常なら複数のアプリが必要になる機能をまとめて使えるオープンソースの無料アプリを紹介します。
下記は、私のmacOSにVorssaintをインストールしたキャプチャです。先日紹介したメニューバーの表示アイコンと非表示アイコンを管理できるThawと一緒に使用すると、さらに快適です（Thawの紹介記事）。
私のmacOSにインストールしたVorssaint
※本日アップデートされたTahoe 26.5.2でも特に問題はないです。
CSSはどんどん進化している！ border-shapeプロパティを使うとボーダーをあらゆる形状に実装できます
Post on:2026年6月29日
CSSで2つの円を線でつなぐボーダーを実装できると思いますか？
可能になりました！
Chrome 147+のアップデートでサポートされたborder-shapeプロパティを使用すると、ボーダーにあらゆる形状（多角形・円など）を設定できます。
