G5 Framework

G5 speeds up development time, providing a batch of top-of-the-line tools out of the box.

The framework has bee also ported to LESS under the name G5-Less.

Here are some key features of "G5 Framework":

Packaged with:
· Modernizr 1.6
· CSS3 PIE (to support cross browser CSS3 effects)
· CSS3 Buttons (awesome reusable buttons)
· Easy Grid (2-6 columns)
· IE6 PNG Fix (if you need IE6 compatibility)
· IE6 Update (if you want to show a update message to IE6 users)
· Tipsy Tool Tips (Facebook like tool-tips)
· Reveal Modals (great simple modals)
· Orbit Image Slider (awesome image slider with 3 different animations, html captions, bullets, possibility for thumbnail bullets, etc...)

CSS:
· 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)

CSS, via Reset:
· 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

X(HTML) / Content:
· 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:
· 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

PHP:
· Add active class to navigation item based on page
· GZip page (optional alternative to htaccess)

Search Engine Optimization:
· robots.txt / robots meta for the search engines
· canonical tag + 301 via htaccess to ensure all content is indexed under one domain
· hidden CSS class - the SEO friendly way (negative margin instead of display none)
· GZip for faster page load (speed affects rankings)

Requirements:

· JavaScript enabled on client side
· HTML5 enabled browser
· CSS3 enabled browser