Tuts+ Premium - Responsive Web Design with Foundation

English | .MP4 | Audio: aac, 44100 Hz, stereo | Video: h264, yuv420p, 1280x720, 24fps(r) | 2.83Gb

Genre: E-learning

It’s hard to talk about web design today without bringing up Responsive Web Design (RWD). Here, we walk you through Foundation and how you can use it for your RWD workflow.

Welcome

Course Overview

Getting Started with Foundation

What is Foundation?

Downloading Foundation

Content Layout

The Flexible Grid

Implementing the Grid

When the Browser Gets Smaller

The Block Grid

Navigation

Navigation Menus and Dropdowns

Fixing the Navigation

Horizontal and Vertical Navigation

Tabs and Accordions

Navigation Breadcrumbs

Sub Nav

Pagination

Lists and Inline Lists

Buttons

Creating Buttons

Creating Button Groups

Creating Dropdown Buttons

Creating Split Buttons

Tables and Forms

Tables

Pricing Tables

Forms

Custom Radios and Checkboxes

Custom Form Dropdowns

Images and Video

Orbit Slider

Image Lightbox

Flex Videos

Formatting and Visibility

Labels, Keystrokes and Tooltips

Alert Boxes

Modal Dialogs

Finishing Up

Final Thoughts