CSSでQodlyインターフェースをカスタマイズする
Qodly Studioでは、各ウィジェットのプロパティを使って直接スタイルを設定することができます。しかし、アプリケーション全体で一貫した外観を維持し、グローバルスタイル（フォントの色、テキストのサイズ、選択範囲の外観など）を簡単に適用するには、CSS が最適です。
この記事では、Qodly StudioでCSSを使用するための基本を、Performance Reviewアプリケーションを例に説明します。
CSS Media QueryによるUIの明暗の指定
ダークモードは、最近、多くの支持を集めています。そのため、4D v19でサポートを追加し、関連するお知らせでニーズに合わせて調整できるいくつかの方法について触れました。
このブログ記事では、CSSに焦点を当て、CSSメディアクエリを使用してライトモードとダークモードにCSSスタイルを設定する方法について詳しく説明します。
macOSのDark Modeサポートが登場。
ダークモードは素晴らしく、エキサイティングなユーザーエクスペリエンスを生み出します。そのため、4D v19から、4DはDark Modeに対応し、macOSレベルでDark Modeがオンになっていれば、自動的に起動するようになりました。
これは始まりに過ぎず、将来のバージョンでは、すべてのコンポーネント（例：4D Write Proウィジェット）のDark Modeサポートやデザインモードなど、さらに多くの機能が追加される予定です。
ダークモードが4Dエレメントの見た目をどのように変えるか見てみたいですか？読み進めてください。
フォームエディターで直接CSSをプレビューできます。
4D v18 R5では、ダイアログを実行せずに、フォームエディタで最終的なCSSレンダリングをプレビューすることができます。そうです、その通りです。フォームの標準化と復活が、これまで以上に簡単になりました。
4DのCSSについてまだご存知でない方は、今が学ぶ絶好の機会です!4D v18でプロジェクトアプリケーション用に導入されたこのコンセプトには、CSSをベースにした強化されたクイックスタイルシートが含まれています。このブログ記事を見てみることをお勧めします。
プロジェクト・データベース：スタイルシートでフォームを美しくする
クラシック4Dのバイナリ構造では、スタイルシートを定義して、フォームで使用するフォント、フォントサイズ、テキストスタイルをmacOSとWindowsの両方のプラットフォームで指定することができます。プロジェクトデータベースでは、4ステートボタンのプロパティを定義したり、すべてのラインオブジェクトのカラーとボーダーを指定したり、アプリケーションのすべてのリストボックスのヘッダーの高さを設定するなど、さらに進んだことができます。CSSの文法と構文に触発された4Dは、4Dプロジェクト・データベースのフォームの特定のニーズを満たすために、CSSを適応させました。スタイルシートのおかげで、すべてのプロパティを設定し、真に視覚的に魅力的なフォームを作成することができます。このブログ記事で、その方法をご紹介します