G5 Framework: X)HTML5, CSS3, PHP & jQuery Front-End Development Framework

11 May, 2011

By Simone D'Amico

G5 Framework is a HTML5 website starter framework packed with some essentials for every new project and sprinkles of PHP & jQuery. G5 Framework started as a personal project. In an attempt to speed up workflow, reuse the best coding practices & similar coding techniques, the framework serves as a starter file for new websites.

Some of its features are:

Prevent CSS caching
Cross browser border radius, box shadow, and opacity classes
Shorthand CSS / some basic reusable classes
Sticky footer (footer always stays on bottom of page – read: section.content must have a bottom padding equal or greater than the height of the footer)
Eric Meyer’s Reset Reloaded + HTML5 Baseline
Font normalisation
Webkit font smoothing
Force scrollbar
Formatting quoted code
Aligning Labels
Clickable inputs
Screenreader access
IE7 image resizing
Print styles
Clean code structure
940px total content width
Initial design based on a F Layout
Remove image toolbar from old versions of IE
Always force latest IE rendering engine (even in intranet) & Chrome Frame
jQuery 1.5.2 with fall-back (1.4.4 also included if needed)
Smooth scroll to top
HTML5 placeholder fallback
Navigation – remove margin from last item
Remove bottom padding from last paragraph