2013
Tuts+
Craig Campbell
3:46
English
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 1m 4s
Getting Started with Foundation
What is Foundation? 2m 44s
Downloading Foundation 5m 56s
Content Layout
The Flexible Grid 8m
Implementing the Grid 14m 48s
When the Browser Gets Smaller 6m 12s
The Block Grid 9m 30s
Navigation
Navigation Menus and Dropdowns 11m 44s
Fixing the Navigation 4m 38s
Horizontal and Vertical Navigation 13m 32s
Tabs and Accordions 11m 26s
Navigation Breadcrumbs 6m 28s
Sub Nav 6m 40s
Pagination 8m 24s
Lists and Inline Lists 3m 28s
Buttons
Creating Buttons 5m 42s
Creating Button Groups 8m 4s
Creating Dropdown Buttons 5m 32s
Creating Split Buttons 6m 44s
Tables and Forms
Tables 4m 14s
Pricing Tables 10m 38s
Forms 11m 44s
Custom Radios and Checkboxes 15m 10s
Custom Form Dropdowns 5m 26s
Images and Video
Orbit Slider 5m 32s
Image Lightbox 7m 8s
Flex Videos 7m 4s
Formatting and Visibility
Labels, Keystrokes and Tooltips 6m 4s
Alert Boxes 5m 58s
Modal Dialogs 7m 2s
Finishing Up
Final Thoughts 1m 28s
https://tutsplus.com/course/responsive-web-design-with-foundation/

Download File Size:2.63 GB

---