adhocgrafx / joomskeleton_j25

responsive Joomla! 2.5 template - this is the original working draft

JoomSkeleton 2.5 | responsive Joomla! 2.5 template

JoomSkeleton 2.5 template file v2.0 | 29.06. 2013

change-log:

Server-side conditional js loading with Mobile_Detect

Server-side conditional module loading with Mobile_Detect

IP-masking option for Google Analytics; http requests reduced

New responsive tables option

New optional text resizer

New ResponsiveSlides.js v1.52 by Viljami Salvinen

Off canvas mobile navigation

New Adobe edge font options and

Left / Main / Right sort options

Font-Awesome integration

some css improvements

some loading improvements

new left_slider and right_slider positions

changes in breadcrumbs html override and hide-module chrome

some css and module chrome refinements

new head1-3 and bottom1-3 module rows with flexible module width suffixes and

equal module heights in these rows

some css refinements and slideshow framework

some ie fixes and little changes / stitched top nav still experimental!

optional stitched top-navigation / experimental

some ie fixes - never ending story

responsive module shuffling for mobile and x-large sizes

wrapper max width option

callback function replaces media queries

Gradient svg fixes for ie, 2 menu styles

Select menu option for mobile devices

Typografic finetuning; more responsivenes in font- and line-heights

Some fixes and refinements in layout.css, base.css and the language.ini files

New features: Adapt.js with responsive grid system; Responsive in ie7 too.

New features: Responsive in ie8 and ie9. Most ie issues solved.

New features: Wai Aria tabs and hide modules.

This version is experimental an only for testing purposes, not for production sites.

Ideas and Inspirations

The Joomla! template files for JoomSkeleton are made by Johannes Hock. The base.css layout is inspired by Dirk Jesse, Nathan Smith and David Gamache. Most Joomla! layout styles and the WAI ARIA integration are inspired by Angie Radtke and her famous beez template. I found many helpfull and valuable informations about template creation in the books "Joomla! Templates entwickeln" by Angie Radtke and "Templates für Joomla! 1.6" by Alexander Schmidt, Andreas Lehr. The adapt.js and grid css system is written by Nathan Smith. Philip Locke and Roberto Segura told me cooperatively the responsive module shuffling trick.

JoomSkeleton is easy to use, lightweight, well designed and ideal for personal blogs. Its flexible layout offers personal logo integration, color styles, twitter button, google plus button, google analytics integration and various usefull module positions including WAI ARIA with tabbing and hiding functionality.

JoomSkeleton is tested and works fine with the latest versions of firefox, safari, chrome, opera and ie9. Lately, i integrated modernizr and adapt java script. Thereby, the template reacts adaptive and responsive in ie8 and ie7 as well. Some ie8 issues are still left to solve - i don't want to support ie7 anymore. The responsive module layout - depending on screen sizes, is dynamically loaded via callback. This puts the content allways at the top of the view-port in mobile devices.

JoomFluid is a more liquid version of JoomSkeleton, by integrating Nathan Smiths fluid grid css system with adapt javascript. Its styles are similar to JoomSkeletons ones.

JoomSkeleton and JoomFluid are experimental and work in progress.