'http://127.0.0.1:8080' の箇所には、broccoli-html-editor の編集画面が置かれるサーバーの origin を設定してください。<script data-broccoli-receive-message="yes"> window.addEventListener('message',(function() { return function f(event) { if(!event.data.scriptUrl){return;} if(eve...
「マークアップ」タブのその他の書式設定オプションには、変換で出力されたHTMLを参照しやすくするために、HTMLの段落の前に新しい行を挿入するオプションも含まれています(出力ページ画面でHTMLソースを読みやすく書式設定オプションが設定されている場合にのみ記述されます)。また、段落にこ...
- 画面表示要素の呼称統一などの細かい改善。 - Aceエディタの高さが、内容量に合わせて自動的に広がるようにした。 - モジュールとのリンクが失われたインスタンスに、 `data-broccoli-error-message` 属性を付与するようになった。 - その他、細かい不具合の修正。 ### broccoli-h...
リキッドレイアウトは、画面の幅に合わせて全体のレイアウトを自動的に調整する仕組みです。各HTML要素の幅をパーセンテージで指定するため、どのデバイスからでも内容を適切に表示できます。 img{max-width:100%;} この形式のHTMLメールは、画面幅に対応するだけのシンプルな設計です。デザイ...
実行すると、画面上を移動する赤い四角形が表示され、その動作が繰り返されます。先ほど述べたように、アニメーションを完全に制御できます。四角形がどの時点にどの位置にあるかと、厳密にどのように動作するかを実際に制御するために、キーフレームを更新し...
[enabled]:BIOS はロゴ画面を表示しますが、ブート中にメッセージやオプション ROM 情報を表示しません。 [Platform Default][platform-default]:BIOS は、サーバ タイプとベンダーのBIOS デフォルト値に含まれるこの属性の値を使用します。 Post Error Pause POST ...
以下は、解像度 1366 x 768 の 10.6 インチ ディスプレイに 10 日間の予報を、縦方向の全画面表示、横方向の全画面表示、他のアプリと一緒に左右に並べた状態 (幅狭と幅広のレイアウトに合わせてサイズを調整) で表示した場合のアプリのメイン ページの見え方を示しています。
最近の Web アプリケーションのポップアップ フォームは、下になる要素のクリック機能を無効にした後、多くの場合に画面の一番上にモーダル形式で表示される DIV コンテンツです。ポップアップのユーザー インターフェイスは、ページ全体を使用して表示されるとは限らず、むしろ、多くの場合...
日本において全角30文字程度という長さが長く支持されてきたのは、メールがデスクトップ画面でしか読まれていなかったためです。 その後、スマートフォンの登場により、 現在では30文字以上の件名が正しく表示されないことがあります。このため、件名の文字数の長さに...
モバイルデバイスで撮った写真を、Capture CCを使ってシェイプ、文字、カラーテーマ、3Dマテリアル、パターン、ブラシに変換して、自分独自のデザインアセットを作成しましょう。