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プロパティを使用すると、ボーダーにあらゆる形状（多角形・円など）を設定できます。
ちょっとしたことで写真が映える！ 日常の小物を魅力的に撮影する写真解説書 -世界観が伝わる静物写真のつくりかた
Post on:2026年6月26日
※本ページは、アフィリエイト広告を利用しています。
写真を撮るとき、もっと魅力的にしたい！ と思ったことはないですか？
小物の置き方を工夫したり、小物ごとに異なる魅せる背景、構図や光の考え方、主役を引き立てる脇役の存在など、日常の小物を魅力的に撮影する知識とテクニックが分かる解説書を紹介します。
プロのカメラマン、スタイリストによる撮影方法は、単なる撮影テクニックの解説だけでなく、演出術のノウハウも詰まっています！
CSSのcolumn-ruleプロパティが便利！ 疑似要素やボーダーを使用せずに、コンテナ間に区切り線を装飾できるようになります
Post on:2026年6月25日
この機能を待ち望んでいた人は、多いと思います！
6月にアップデートされたChrome 149で、CSS GridやFlexboxのギャップをCSSで装飾できるようになりました。言い換えると、コンテナ間に区切り線をスタイルできます。
これまでは罫線を描いた背景画像を使用したり、ボーダー用のdivを加えたり、疑似要素を使用したりと工夫が必要でしたが、これからはcolumn-ruleプロパティで簡単に実装できます。
こういうアプリが欲しかった！ OSやアプリ間で重複しているショートカットキーを特定する無料アプリ -HotkeyClash
Post on:2026年6月24日
アプリをインストールして困ることが、ショートカットキーが他のアプリと重複している場合です。いつもなら「Command + スペース」でスポットライトを呼び出せるのに、なぜか他のアプリが起動してしまったことはありませんか？
macOSで、ショートカットキーが重複している箇所を特定し、競合しているアプリやどのアプリが優先されているかを検出する無料アプリを紹介します。
CSSに特化されているから使いやすい！ WebページのCSSを確認・編集できるスタンドアロンのCSSエディタ -InSpec
Post on:2026年6月23日
CSSの検証やデバッグにデベロッパーツールを使用している人が多いと思います。しかし、デベロッパーツールではリロードするとその変更内容が消えてしまうという大きな弱点があります。
macOS用のインスペクター、CSSに特化されたエディタを紹介します。基本的な機能はデベロッパーツールと同等で、要素をクリックするとビジュアルエディタでスタイルを確認・編集できます。また、デベロッパーツールとは異なり変更したCSSのスタイルはリロード後も保持され、ソースコードに保存することもできます。
