Big Dot Framework 2.0
Unparalleled speed, optimisation and responsiveness.
Several years ago we created Big Dot Framework 1.0. This was created with a strong onus on accessibility for the visually impaired.
We wanted to build upon this, so in 2016 we created Big Dot Framework 2.0, a powerful set of tools for developers to create well optimised, feature rich and visually engaging websites which work flawlessly across all platforms.
We then went on to turn Big Dot Framework 2.0 into a WordPress template.Live Preview Download
One of the most popular frameworks is Bootstrap. Bootstrap has been used to create millions of websites, and it really is a great set of tools, but it has two major drawbacks. Firstly, most of the websites using it only employ a fraction of the code that loads up on every page of the site. Secondly, websites put together with Bootstrap have a habit of looking very similar to one another. See for yourself, Google Bootstrap template and compare some sites.
We wanted to create a minimalist framework, which requires of fraction of the code, but can still be used to create feature rich, visually engaging websites. We demonstrated this with the template that is included with Big Dot Framework 2.0
The content is constructed using fluid columns. These come in full, half and quarter widths, as well as one third and two third width containers. They are designed to adapt to a myriad of screen widths. For example, the half width columns become full width columns on screens with a lower width, and the same applies to all of the other columns.
What makes our framework stand out is that it has a number of powerful features, which are built with pure HTML & CSS, making them extremely light and quick to load.
The features include:
- Image slider
- Responsive video frame
- Gradient CSS photo / media frame with shadow
- Call to actions
- Styled lists
- Responsive pricing table
- CSS FAQ accordion
- Image gallery with captions
- Styled map
Big Dot Framework 2.0 Optimisation
One of the most important facets of optimisation is the speed at which a page loads. This is something that is often overlooked in favour of snazzy visuals and features. This also has an effect on the rank the site receives on Google and other search engines. The goal of Big Dot Framework 2.0 is to be both feature rich and highly optimised.
Some of the techniques we used to optimise the framework:
- Optimised Images
- Server side compression (GZip)
- Minified HTML & CSS
- No render-blocking CSS
- Browder Caching
100/100 Google PageSpeed Score
Google provides a tool for developers called Google PageSpeed Insights. PageSpeed examines websites and provides feedback on various factors that can be improved, scoring each page on a scale of 1-100 for mobile site speed, mobile usability and desktop site speed.
A perfect 100/100 Google Page Speed score is often thought of as an unobtainable goal, especially for feature rich site. We’re very proud that Big Dot Framework 2.0 has a perfect 100/100 score for mobile usability, mobile speed and desktop speed. We have yet to find another site that comes close to it.
Free WordPress Template
We also turned Big Dot Framework 2.0 into a free minimalist WordPress template, featuring the same clean and responsive design combined with the unlimited potential of the world’s most popular content management system.WordPress Template GitHub