サイト構築 -実装
便利な配色ツールが登場！ OKLCHで知覚的に優れた広色域カラーパレットを生成 -OKLCH Color Palette Generator
Post on:2026年7月7日
UIデザイン用にカラースケールを作成するとき、数値的に均一にしてしまうと、やや無機質に感じられることがあります。明るさが均一の変化だと、色褪せて見え、特に両端の淡い色合いと濃い色合いの変化が少なくなってしまいます。 また […]
今回はCSSのアップデートが盛りだくさん！ Chrome 150で新しく追加された18個のCSSの機能
Post on:2026年7月6日
先週アップデートされたChrome 150に追加された、CSSとUIに関する新しい機能を紹介します。 今回はかなりの数のアップデートがされており、さまざまなCSSのプロパティや関数に便利な機能が追加されています。Web制 […]
2026年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
Post on:2026年7月2日
デザインの引き出しを増やすには、トレンドを押さえておくことが大切。トレンドは一時的な流行ではありません、デザインが向かっている道のりの途中を示すものです。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まっ […]
面白い！ けど惜しい、日本語フォント対応、あらゆるフォントで手書きしたかのようなアニメーションを生成 -Tegaki（手書き）
Post on:2026年7月1日
英語フォントをはじめ、日本語フォント、ヘブライ語、アラビア語、天城梵字、韓国語を使用して、テキストを手書きのアニメーションにするTegaki（手書き）を紹介します。 Google Fontsにも対応しているので、手元にフ […]
macOSでアプリごとの音量調整、スリープ解除、ウインドウ切り替えなど、複数のアプリが必要になる機能をまとめて使える無料アプリ -Vorssaint
Post on:2026年6月30日
macOSでアプリごとの音量調整、スリープの解除、ウインドウの切り替え、リアルタイムのシステムモニター、キーボードのクリーニングモードなど、通常なら複数のアプリが必要になる機能をまとめて使えるオープンソースの無料アプリを […]
CSSはどんどん進化している！ border-shapeプロパティを使うとボーダーをあらゆる形状に実装できます
Post on:2026年6月29日
CSSで2つの円を線でつなぐボーダーを実装できると思いますか？ 可能になりました！ Chrome 147+のアップデートでサポートされたborder-shapeプロパティを使用すると、ボーダーにあらゆる形状（多角形・円な […]
CSSのcolumn-ruleプロパティが便利！ 疑似要素やボーダーを使用せずに、コンテナ間に区切り線を装飾できるようになります
Post on:2026年6月25日
この機能を待ち望んでいた人は、多いと思います！ 6月にアップデートされたChrome 149で、CSS GridやFlexboxのギャップをCSSで装飾できるようになりました。言い換えると、コンテナ間に区切り線をスタイル […]
こういうアプリが欲しかった！ OSやアプリ間で重複しているショートカットキーを特定する無料アプリ -HotkeyClash
Post on:2026年6月24日
アプリをインストールして困ることが、ショートカットキーが他のアプリと重複している場合です。いつもなら「Command + スペース」でスポットライトを呼び出せるのに、なぜか他のアプリが起動してしまったことはありませんか？ […]
CSSに特化されているから使いやすい！ WebページのCSSを確認・編集できるスタンドアロンのCSSエディタ -InSpec
Post on:2026年6月23日
CSSの検証やデバッグにデベロッパーツールを使用している人が多いと思います。しかし、デベロッパーツールではリロードするとその変更内容が消えてしまうという大きな弱点があります。 macOS用のインスペクター、CSSに特化さ […]
レスポンシブの対応はメディアクエリとclamp()の使い分けが大事！ あらゆるプロパティに対応したclamp()の値を生成できる便利ツール -CSS Clamp Generator
Post on:2026年6月16日
レスポンシブ対応の最近の実装方法は、メディアクエリとclamp()の使い分けが明確になってきました。メディアクエリは構造的なレイアウトを変更するとき、そしてclamp()はビューポートに対して比例的に変更するとき、といっ […]
sponsors
