The Why

I started working on this project after getting frustrated with the current array of Joomla 3 frameworks on offer. Not to say that they are bad, more that they are marketed to people in a different position to myself.

I usually work in the way that I get sent a design that I need to make into a template. Whilst all the drag and drop interfaces and colourpickers are very swish, they are often unneeded for my projects, and once a site is up and running they are really not needed at all.

The point being that all the frameworks produced by commercial companies are there so new designs can be snapped on each month whilst keeping an interface that is familiar to their clients, enabling them to carry out basic customisations for multiple templates in the same way.

For me, it is usually faster to code a template based on a design than to wrestle a pre-made template into something that looks familiar to the end goal.

This wasn't always the case. In the days when css coding was done from scratch there was the width calculations when adding or removing sidebars, the styling of the core output and each element to match the design and cross browser testing that could make it a lengthy process.

Now css frameworks are the norm the calculations and basic styling are a thing of the past. Coulmns are easy as the calculations are done for you, you just add the class. The basic styling of elements is done for you cross-browser. This in turn means that I need the major frameworks even less to get the job done, in most cases I would never have to look at the template admin area.

Does it Always have to be Bootstrap?

Bootstrap powers a remarkable amount of sites with many people singing it's praises. Whilst it is good for rapid prototyping and development, the amount of inbuilt styling of elements can mean that you end up writing more code than usual just to override the built in styles. Although it's true that not all bootstrap sites need to look the same, the unfortunate truth is that they generally do. Bootstrap 3 has taken a step away from this but most frameworks are still using version 2 and loading the full framework at the same time.

Joomla 3 pushes that it is built on bootstrap and how developers can output 1 css file for everything, but this isn't as straightforward as it sounds. First of all, no framework is imposed on the sites frontend. There are behaviours that can be called by extensions which call bootstraps javascript but there is nothing that says a site has to use it as it's basic framework. The statement about outputting 1 css file is quite a random one, yes bootstrap is built on less which can be compiled from many files to 1 stylesheet but this is no different to sass and any framework based on either. Joomla itself doesn't actually have a compiler available for use by the template.

So Why Pure?

If you are interested in semantic minimal code, code organisation or website speed then you will understand why I chose purecss.
The styling of basic elements is minimal enabling you to add your own style rather than having to override the existing ones.
Bootstrap modules can be incorporated seamlessly which makes it play well with Joomla extensions output. If you need the modal, include the modal css and javascript and it will work with the same minimal styling and keep your page size to a minimum.
It's available modulaly through a content delivery network which makes it easy to only load the parts you need without having to compile.
It's not limited to a 12 column grid as the columns work as fractions.
Generally it's smaller, faster and requires less work to get a site built.

So We Have a Framework, Why Build a Framework Around it?

For me, this is where it got interesting. I started learing to code whilst working for a search engine marketing company, and later became head of development within that company. The things I was adding to sites just aren't available in template frameworks, so even f I used one I would have to go back in and add plugins or overrides to add my needed output.
So this is where JoomlaPure comes in. It takes a great css framework which plays well with Joomla and bootstrap, and adds the seo features I would usually have to add on top of any website I created.

When you look at any big site these days they are minimal. No fancy slideshows with 30 different blocks of content doing different things all over the place. They generally have simple designs repeated over all pages.

JoomlaPure allows me to create a clean layout with minimal html/php and style it with minimal css without the template having to perform hundreds of calculations on each page load, resulting in a faster, more individual website which has all the marketing elements needed by any site wanting to be seen.

There are still many new features waiting to be added....

comments powered by Disqus