「Foundation Development Manual」は、Foundation の最新の公式オンラインリファレンスマニュアルです。 Foundation は無料のフロントエンド フレームワークです。この基礎(chǔ)ドキュメントでは、基礎(chǔ)を使用してレスポンシブ Web ページを作成する方法を?qū)W習(xí)します。
Foundation は、レスポンシブな HTML、CSS、および JavaScript フレームワークを開発するために使用されます。 Foundation は、あらゆるデバイス上で Web アプリケーションを構(gòu)築するための、使いやすく強力かつ柔軟なフレームワークです。 Foundation は、人気のあるモバイルファーストのフレームワークです。
Foundation は海外で最も人気のある HTML、CSS、JS フレームワークで、レスポンシブ レイアウトやモバイル デバイスファーストの WEB プロジェクトの開発に使用されます。
Foundation は、ページ プロトタイプを迅速に作成するために使用できるオープン ソースのフロントエンド フレームワークです。同じ種類の他のツールと比較すると、Foundation のモバイル ソリューションはより優(yōu)れており、レスポンシブ Web デザインのアイデアと手法を利用して、Foundation はさまざまな種類のデバイスでコンテンツ構(gòu)造を表示するための対応するプリセットを備えています。 最初の Foundation インスタンスを體験してみましょう! 最初の Foundation インスタンスヒント: Foundation の學(xué)習(xí)を開始する前に、HTML、CSS 、JavaScript ## について理解しておく必要があります。 # 知識には基本的な理解があります。
<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 により、フロントエンド開発がより迅速かつ簡単になります。すべての開発者と設(shè)計者がすぐに開始でき、すべてのデバイスを適応させることができ、すべてのプロジェクトに適用できます。# ヒント: 私たちの Foundation チュートリアルは、初心者から上級者まで Foundation の知識を?qū)Wぶのに役立ちます。ご質(zhì)問がある場合は、PHP 中國語 Web サイト Foundation Community にアクセスして質(zhì)問してください。熱心なネチズンが答えてくれます。
- レスポンシブ Web サイト
- 電子メール
ヒント: このチュートリアルの各章には多くの Foundation サンプルが含まれています。[サンプルの実行] ボタンを直接クリックすると、結(jié)果をオンラインで表示できます。これらの例は、Foundation をよりよく理解し、使用するのに役立ちます。
最新章
- Foundation 均衡器 2016-10-19
- Foundation Joyride 2016-10-19
- Foundation 模態(tài)框 2016-10-19
- Foundation 提示框 2016-10-19
- Foundation 滑塊 2016-10-19
- Foundation 開關(guān) 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