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.
Being an active member of the web design community, this framework is a result of a ton of reading and research. For over a year the framework was constantly changed, simplified, and updated with current best practices. The framework is very lightweight and only includes what I believe are the essentials.
The framework is free for personal & commercial use as long as humans.txt remains unchanged & in the index head. Don’t worry, you can add your team information in there also.
G5 Framework Details
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…)
