コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
財団中国語マニュアル

財団中国語マニュアル

  • ディレクトリ
  • 検索
  • ブックマーク

財団中国語マニュアル
リーディング（19011） 更新時間(2022-04-14)

「Foundation Development Manual」は、Foundation の最新の公式オンラインリファレンスマニュアルです。 Foundation は無料のフロントエンド フレームワークです。この基礎ドキュメントでは、基礎を使用してレスポンシブ Web ページを作成する方法を学習します。

Foundation は、レスポンシブな HTML、CSS、および JavaScript フレームワークを開発するために使用されます。 Foundation は、あらゆるデバイス上で Web アプリケーションを構築するための、使いやすく強力かつ柔軟なフレームワークです。 Foundation は、人気のあるモバイルファーストのフレームワークです。

Foundation は海外で最も人気のある HTML、CSS、JS フレームワークで、レスポンシブ レイアウトやモバイル デバイスファーストの WEB プロジェクトの開発に使用されます。

ヒント: Foundation の学習を開始する前に、HTML、CSS 、JavaScript ## について理解しておく必要があります。 # 知識には基本的な理解があります。

Foundation は、ページ プロトタイプを迅速に作成するために使用できるオープン ソースのフロントエンド フレームワークです。同じ種類の他のツールと比較すると、Foundation のモバイル ソリューションはより優れており、レスポンシブ Web デザインのアイデアと手法を利用して、Foundation はさまざまな種類のデバイスでコンテンツ構造を表示するための対応するプリセットを備えています。

最初の Foundation インスタンスを体験してみましょう!

最初の Foundation インスタンス

インスタンス

<div class="row">
  <div class="medium-12 columns">
    <div class="panel">
      <h1>Foundation Page</h1>
      <p>Resize this responsive page to see the effect!</p>
      <button type="button" class="button small" >I Like It!</button>
    </div>
  </div>
</div>

<div class="row">
  <div class="medium-4 columns">
    <h3>Column 1</h3>
    <p>Lorem ipsum..</p>
  </div>
  <div class="medium-4 columns">
    <h3>Column 2</h3>
    <p>Lorem ipsum..</p>
  </div>
  <div class="medium-4 columns">
    <h3>Column 3</h3>
    <p>Lorem ipsum..</p>
  </div>
</div>

インスタンスの実行>>[インスタンスの実行]をクリックします" ボタンをクリックしてオンライン例を表示します。

# ヒント: 私たちの Foundation チュートリアルは、初心者から上級者まで Foundation の知識を学ぶのに役立ちます。ご質問がある場合は、PHP 中国語 Web サイト Foundation Community にアクセスして質問してください。熱心なネチズンが答えてくれます。

Foundation により、フロントエンド開発がより迅速かつ簡単になります。すべての開発者と設計者がすぐに開始でき、すべてのデバイスを適応させることができ、すべてのプロジェクトに適用できます。

  • レスポンシブ Web サイト

Foundation はレスポンシブ Web サイトを迅速に作成するのに役立ち、多数の HTML、CSS、JavaScript コンポーネントを提供します。および関数; さまざまなプロジェクトに合わせて拡張機能をカスタマイズすることもできます。

  • 電子メール

電子メール フレームワークは、サードパーティの電子メール プラットフォームに接続でき、レスポンシブな HTML メールをより迅速に作成できます。

この Foundation チュートリアル マニュアルでカバーされる内容

この Foundation チュートリアルでは、Foundation テキスト、Foundation テーブル、Foundation ボタン、Foundation アイコン、Foundation ラベル、Foundation パネル、はじめになど、Foundation の基本および高度な知識をすべてカバーします。 Foundation フォーム、Foundation モーダル ボックスなどについての知識。

ヒント: このチュートリアルの各章には多くの Foundation サンプルが含まれています。[サンプルの実行] ボタンを直接クリックすると、結果をオンラインで表示できます。これらの例は、Foundation をよりよく理解し、使用するのに役立ちます。

最新章

Foundation 均衡器 2016-10-19
Foundation Joyride 2016-10-19
Foundation 模态框 2016-10-19
Foundation 提示框 2016-10-19
Foundation 滑块 2016-10-19
Foundation 开关 2016-10-19
Foundation 输入框尺寸 2016-10-19
Foundation 表单 2016-10-19

関連コース

Web フロントエンド開発の簡単な紹介 2021-12-10
あなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル] 2022-09-30
Gulp 入門ビデオチュートリアル 2022-04-18
Brothers in Arms Gao Luofeng CSS3 ビデオ チュートリアル 2022-04-20
AngularJS 開発 Web アプリケーションの基本的なサンプル ビデオ チュートリアル 2022-04-18
アヤックスのフルコンタクト 2022-04-13
MUI フレームワークの基本的なビデオ チュートリアル 2022-04-13
オンライントレーニングクラス体験クラス 2019-01-10
提出する