HTML5 is a hot topic among web designers and many are making a switch to HTML5 websites these days. But the only drawback was the support for older browsers in which the HTML5 websites doesn’t workout. So developers and designers use javascript to make the HTML5 websites work with the older browsers. What if we are not good at HTML5 and want to create a website in HTML5? The answer is simple. G5 – a new HTML5 enabled framework for the PHP websites. Since the framework is already tested with all the major browsers, we don’t need to bang our head in writing a fix for different browsers.
The G5 framework is packed with many features. Here are those as mentioned on their website
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)
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)
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…)
Website: http://framework.gregbabula.info/
