素材管理アプリEagleが、便利すぎる! ver.4は想像以上の神アップデート、プラグインやAIツールの導入でさらに使いやすく
素材管理の定番アプリEagleが、ver.4に神アップデートされました! Eagleはすでに知っている人も多いと思いますが、簡単に説明すると、素材を一元管理できるWindows, macOS対応のアプリです。画像や動画を...記事の続きを読む
View ArticleChrome 128で新しく追加された4つのCSSの機能、ルビのレイアウト強化、optionの推奨最小サイズなど
Chrome 128で追加された、CSSの新しい機能4つを紹介します。 今回のアップデートでは、ruby要素によるルビのレイアウト強化、ドロップダウン内のoptionの最小サイズ、zoomプロパティのスタンダード化など、...記事の続きを読む
View ArticleWebサイトやスマホアプリのUIに! 抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツール -Mossaik.app
最近のWebサイトやスマホアプリで見かける、ウェーブやポリゴンやブロブなどの抽象的で美しいSVGの背景デザインを簡単に作成、カスタマイズできる無料ツールを紹介します。 カスタマイズはかなり柔軟性があり、色や形、数、角度、...記事の続きを読む
View ArticleCSSの新しい関数がすごく便利! Chrome 129で追加されたCSSの2つの新機能とアップデートされた3つの機能
これまではCSSアニメーションで幅や高さのサイズを変更する時は、明示的なサイズ指定が必要でした。width: auto;やwidth: max-content;のようなキーワードではCSSアニメーションは機能しませんでし...記事の続きを読む
View ArticleWeb制作者は要チェック! Chrome 130で新しく追加された4つのCSSの機能
Chrome 130で追加された、CSSの新しい機能4つを紹介します。 今回のアップデートではCSSネストがより便利になり、box-decoration-breakのサポート、コンテナクエリのフラットツリー検索など、We...記事の続きを読む
View Articleこれは便利なVS Codeの機能拡張! CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズが簡単にできる -Clamp It!
CSSの実装に便利なVS Code用の機能拡張がリリースされました! レスポンシブ対応のフォントサイズをCSSで定義するときに、面倒なclamp()関数の定義を簡単にできるClamp It!を紹介します。 Clamp I...記事の続きを読む
View Articleグラデーションがくすんでしまうのには原因がある、それを自動的に解決して美しいグラデーションを生成できる無料ツール -Gradient Generator
美しいグラデーションを作成するには、補間するカラーにグレーが含まれないようにすることが重要です。グレーが含まれてしまうと、それがデッドゾーンになり、汚いグラデーションになってしまいます。 このグレーのデッドゾーンを回避し...記事の続きを読む
View Article2024年最新版、Adobe PhotoshopやIllustratorの新機能をまとめたPDFを無料でダウンロードできます
Adobe公式から、2024年最新版となるPhotoshopやIllustratorの機能一覧がアップデートされたので、紹介します。 新機能が追えてない、まとめて一覧で見たい、過去のアップデート内容も知りたい、そんな人は...記事の続きを読む
View ArticleCSSのデバッグにAIがどのように役立つか、Chrome 131のデベロッパーツールでAIアシスタントが使えるようになります
CSSの検証やデバッグに、デベロッパーツールを使用している人も多いと思います。そんなデベロッパーツールですが、Chrome 131からAIアシスタントが使えるようになり、AIがCSSの検証やデバッグにどのように役立つかを...記事の続きを読む
View ArticleWeb制作者は要チェック! Chrome 131で新しく追加された8つのCSSの機能
Chrome 131で追加された、CSSの新しい機能8つを紹介します。 今回のアップデートでは、CSSのハイライト継承が変更されたり、details要素で実装するアコーディオンのCSSが追加されたり、ページ余白ボックスを...記事の続きを読む
View Article