Skip to content

Template for Responsive Website Development

Notifications You must be signed in to change notification settings

gkrumbiegel/Responsive_Template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 

Repository files navigation

#Responsive_Template

##Description

This template is to be used as a starting point for developing responsive web designs. This is for front end developers who have a good understanding of how to build a site, and just prefer a starting point. Resize this demo on a computer to see the nav change, or just check it out on your mobile device.

##Demo http://kthornbloom.com/rwd

##Features

  • Automatically creates a sidebar style mobile menu
  • Examples included for responsive iframes, photos, and tables.
  • Hardware Accelerated CSS transitions used instead of jQuery animations to provide silky smooth effects.
  • iOS 6 is tricked into using Hardware Acceleration. (It is disabled by default for some reason.)
  • Multi-Level Dropdowns supported for both main & mobile navigation.
  • Viewport Aware dropdowns that always stay visible.
  • Improved response times due to a script that removed a 300ms standard delay on mobile devices.
  • Includes jQuery, jQuery Easing, jQuery Transit, & more.

##Requirements

  • The responsive portions of this website require a recent version of Firefox, Chrome, Safari, or Opera. IE9+ should be mostly supported.
  • The site must be built fluidly. (does not require horizontal scrollbars).
  • In mobile view, the page content should preferably be longer than the navigation sidebar for best effect.

##Licensing Free to use & abuse

##Help & Feedback Connect with me on twitter.

##Credits

About

Template for Responsive Website Development

file:///C:/Users/Thornbloom/Desktop/site/resources.html

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published