"Foundation Development Manual" is the latest official online reference manual of Foundation. foundation is a free front-end framework. In this foundation document, you will learn to use foundation to create responsive web pages.
Foundation is used to develop responsive HTML, CSS and JavaScript frameworks. Foundation is an easy-to-use, powerful, and flexible framework for building web applications on any device. Foundation is a popular mobile-first framework.
Foundation is the most popular HTML, CSS and JS framework abroad, used to develop responsive layout and mobile device-first WEB projects.
Tips: Before you start learning Foundation, you should be familiar with HTML, CSS , JavaScript Knowledge has a basic understanding.
Foundation is an open source front-end framework that we can use to quickly create page prototypes. Compared with other tools of the same type, Foundation's mobile solutions are better; drawing on the ideas and methods of responsive web design, Foundation has corresponding presets for the presentation of content structures in different types of devices.
Let’s experience the first Foundation instance!
The first Foundation instance
Instance
<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>
Run instance»
Click "Run instance" " button to view online examples
# Tips: Our Foundation tutorials will help you learn Foundation knowledge from beginner to advanced. If you have any questions, please go to the PHP Chinese website Foundation Community to ask your questions, and enthusiastic netizens will answer them for you.
Foundation makes front-end development faster and easier. All developers and designers can get started quickly, all devices can be adapted, and all projects are applicable.
Responsive website
Foundation can help you quickly create a responsive website, it provides you with a large number of HTML, CSS and JavaScript components and functions; you can also customize extended functions for different projects.
Email
The email framework can be connected to any third-party email platform and can help you create responsive HTML emails more quickly .
Content covered by this Foundation tutorial manual
This Foundation tutorial covers all Foundation basic and advanced knowledge, including Foundation text, Foundation table, Foundation button, Foundation icon, Foundation label, Foundation panel, Introduction to knowledge about Foundation forms, Foundation modal boxes, etc.
Tips: Each chapter of this tutorial contains many Foundation examples. You can directly click the "Run Example" button to view the results online. These examples will help you better understand and use Foundation.
Latest chapter
- 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
Related courses
- Quick introduction to web front-end development 2021-12-10
- The front-end course that understands you best: HTML5/CSS3/ES6/NPM/Vue/...[Original] 2022-09-30
- Gulp Getting Started Video Tutorial 2022-04-18
- Brothers in Arms Gao Luofeng CSS3 video tutorial 2022-04-20
- AngularJS development web application basic example video tutorial 2022-04-18
- Ajax full contact 2022-04-13
- MUI framework basic video tutorial 2022-04-13
- Online training class trial class 2019-01-10