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