CursorやVS Codeのエディタで、インデントのガイドラインをアクティブなガイドラインだけハイライト表示させる方法を紹介します。

通常（左）はその箇所を含むすべてのインデントのガイドラインが表示されますが、右のようにアクティブなガイドラインだけを表示できるようになります。

参考: VS Code – highlight just the active indent guide

※本ページは、アフィリエイト広告を利用しています。

『HTML＆CSSポケットリファレンス』の改訂第4版が、発売されました！

先週発売されたばかりの最新刊で、HTML Living StandardとモダンCSSに対応したリファレンス本です。もちろん、最新のブラウザにも対応しており、HTMLとCSSの基礎知識からこれから使うであろう最新機能まで、収録されています。

WebサイトやスマホアプリのUIを魅力的に、そして一貫性のあるデザインに改善するときに役立つUIデザインの知識とテクニックを紹介します。

直感や感覚的な曖昧なものではなく、明確で論理的なガイドラインに基づいて改善することで、UIデザインのクオリティは格段にアップします。

14 logic-driven UI design tips to improve any interface
by Adham Dannaway

Chromeは先日のアップデートで、1つのタブ内を分割して2つのWebページを表示できるようになりましたが、さらに便利に進化して、タブを垂直で管理できるようになります！

水平だとタブを10個くらい開くと、タイトルが小さくなってしまいますが、垂直だとタブを20個くらいにしても問題ないので、使い勝手がよさそうです。

昨年末にリリースされたばかり、Chromeの便利な拡張機能を紹介します。

MiroMiroは1クリックするだけで、表示しているサイトを分析、デザイン要素を抽出、本番環境で使えるアセットに変換するオールインワンの拡張機能です。

デベロッパーツールや似た拡張機能よりも直感的に操作でき、かなり便利です。

MiroMiro

※本ページは、アフィリエイト広告を利用しています。

Amazonで、アドビの新年スタート応援セールが開催されています！

セール期間は1/29（木）まで。前回のセールはブラックフライデーでしたが、こんなに早いタイミングで半額セールが開催されるとは思いませんでした。

例のごとく「新規対象キャンペーン」とありますが、今回のセールで購入するのが初めてという意味です。既にCreative Cloud Proを利用していて、Amazonでも購入経験ありの人でも、購入して期間を延長できます。

【新規対象キャンペーン】Creative Cloud Pro|12か月版|オンラインコード版

※本ページは、アフィリエイト広告を利用しています。

一つひとつはいいんだけど、全体で見るとなんかバラバラ、そういうデザインは「トンマナが揃っていない」と言われます。

ここ数年で、デザインのトーン＆マナーを重要視しているWebサイトやスマホアプリも増えてきたように感じます。そのトンマナの考え方、作り方、運用について詳しく解説したデザイン書を紹介します。

1/13にアップデートされたChrome 144に追加された、CSSとUIに関する新しい機能を紹介します。

今回のアップデートで注目すべきは、ページ内検索の検索結果をスタイルする::search-text疑似要素、スクロールの方向を探知する@scroll-stateなど、Web制作者は要チェックです！

また、ついにChromeでも1つのタブ内を分割して2つのWebページを表示できるようになりました！

New in Chrome 144
Chrome 144 beta