OffiDocs を使用した Chrome の Pinegro Web デザイナー

説明：

OffiDocs Chromium online を使用して、Chrome オンライン Web ストア拡張機能 Pinegrow Web Designer を実行します。

Pinegrow Web Designer を使用すると、Web ページを簡単に構築およびデザインできます。

Web アプリとしても、スタンドアロンのデスクトップ アプリとしても利用できます。

Pinegrow は既存のツールと連携して動作し、レスポンシブなレイアウトの構築にかかる時間を大幅に節約します。

複数のページを同時に編集する 複数ページの編集を使用すると、異なる画面サイズで複数のページ (または同じページの複数のビュー) を開くことができます。

Html または CSS で行ったすべての変更は、開いているすべてのページにリアルタイムで更新されます。

CSS + LESS を使用したスタイル ページ CSS ルールを使用してページのデザインをカスタマイズします。

変数、関数、式を使用して、簡単にカスタマイズ可能なテンプレートを作成します。

UI を通じて値を変更するか、コードを記述します。

スタイルシートマネージャー Css と Less のバリエーションを試してみましょう。

スタイルシートのアタッチ、デタッチ、複製、並べ替えを行います。

複数ページの編集と併用すると効果的です。

ブートストラップ 3 のサポート ブートストラップ仕様の CSS セクションとコンポーネント セクションを完全にサポートします。

要素をドラッグ アンド ドロップし、UI プロパティ、コンテキスト メニュー、並べ替え可能な DOM ツリーを通じて要素を制御します。

非ブートストラップ ファイルでも機能複数ページの編集、要素のドラッグ アンド ドロップ、コード編集、Less & Css スタイルは、インターネットから開かれた非ブートストラップ ページでも、任意の HTML ページで機能します。

コードを編集 Pinegrow は、GUI を介してページを編集することを強制しません。

完全な Html および Less/CSS コードを編集したり、個々の Html 要素や Css ルールのコードを簡単に編集したりできます。

すべてライブプレビュー付き。

または、お気に入りのコード エディターを使用します。

スマートな HTML 変換 フォームのレイアウトをインラインから水平に変更する必要がありますか? ジャンボトロンを全幅に広げますか? プロパティを変更するだけで、Pinegro はそれに応じて HTML コードを再配置します。

あらゆる HTML ファイルを開く Pinegrow デスクトップ アプリは、あらゆる HTML ファイルで動作します。 Pinegro で作成されたプロジェクトのみに限定されるわけではありません。

ワークフローの必要な場所にフィットし、他のツールやソース管理とうまく連携します。

UNDO & REDO 何か予期せぬことが起こりましたか? アンドゥはあなたの親友です。

ページごとに 20 レベルの完全な HTML とスタイルのスナップショット。

PINEGROW の用途: - ページのモックアップ 要素ライブラリを使用して、ページのモックアップをすばやく作成します。

ページを複製して、さまざまなレイアウトのバリエーションを試してください。

- ページのスタイルを設定する CSS ルールを使用して要素をスタイル設定することにより、モックアップを完成した Web ページに変換します。

変数と式を減らして、簡単にカスタマイズできるデザインを作成します。

- さまざまな画面サイズを確認する ローカル ファイルまたはリモート URL からページを開き、それを複製し、さまざまなデバイス サイズを設定します。

レイアウトと CSS を編集し、さまざまなデバイス サイズがどのように処理されるかを観察します。

- CSS バージョンを試してみる ページを取得し、スタイルシート マネージャーを開き、そのスタイルシートを複製します。

元のページまたはその複製にアタッチ/デタッチします。

スタイルや変数を減らして遊んでみましょう。

- ページのコンテンツを編集する 静的 HTML ページの CMS として Pinegro を使用します。

要素を移動し、任意の要素をダブルクリックしてテキスト コンテンツを編集します。

- Web サイトで遊んでみる インターネットからページを開いて、レイアウトを変更し、スタイルをカスタマイズし、有用なコンポーネントを抽出します (作成者が許可している場合)。

- フォームの作成 Bootstrap フォームまたはナビゲーションバーが必要ですか? Pinegrow でデザインし、ワンクリックでレイアウトを変更します。

フォームを選択し、「アクション」/「コードの編集」をクリックして、HTML をコピーします。

- Web サイトを構築する もちろん、Pinegro を使用して完全な Web サイトを構築することもできます。

- 必要に応じて Pinegro を使用する Pinegro を既存のツールと一緒に使用します。

たとえば、Pinegro でレイアウトを変更し、コード エディターでページのスクリプト セクションを編集します。

追加情報：

- pinegrow.com が提供
- 平均評価 : 3.89 つ星 (気に入った)

OffiDocs Chromium オンラインと統合された Pinegro Web Designer Web 拡張機能