Foundation is an open source front end framework used for building responsive web applications. It is built with HTML, CSS and jQuery. Frameworks such as foundation save a lot of time for web developers who don’t want to build their applications from scratch. Foundation provides many useful tools and features that assist developers in building fast, high quality responsive websites.
In the Responsive UI Design with Foundation course you will learn how to design responsive user interface elements with the foundation framework. Topics covered include but are not limited to grids, containers, buttons, menus, forms and sliders.
This course is designed for developers with intermediate HTML/CSS experience.
Upon completion of this course, developers will understand or know how to:
- What Foundation can do for responsive UI.
- Make a grid, style headings and more.
- Build UI elements such as buttons, menus, forms and more.
- Create UI animations.
This is a two-day, hands-on course.
Getting started with Foundation
- Why foundation?
- Build a custom foundation
- Kitchen Sink
- Building a grid
- SASS variables
- A bit about containers
- Size and Color
- Customize your own button
- Use SASS mixins
- Button groups and bars
- Build drop down buttons
Bars, Tabs and Menus
- Icon bar
- Stacked progress bar
- The tab element
- Dropdown, drilldown and accordion menu
Forms and Sliders
- HTML forms
- Useful form elements and actions
- Build and style a slider
- Image slider
More with Foundation
- Pop ups
- Motion UI library
- A bit about Foundation 5 and 6
- Interesting plugins
Request More Information About This Course