Archive of: Web Design
As of today Can I Use gives 91.65% of browsers now being a capable of using Css variables so I thought it was time to implement their use on my website.
Having already used Scss in a modular format and compiled it using my gulp workflow the transition was relatively simple.
With 91.65% of browsers now using Css variables I thought it was time to implement their use on my website. Having already used Scss and compiled them using my gulp workflow
There is never a bad time to carry out some housekeeping tasks if you own a website, but with the start of a new year it's the ideal time to ensure your website is working at it's best.
There are a growing number of websites that uses Google Maps where the maps aren't loading correctly as they don't have a valid API key.
With the static website boilerplate which is here, I have found that I can use Handlebars.js with its built-in each block helper and a JSON file to simply create and edit various elements of a page.
These are the mixins that come with the Static Website Boilerplate found here, they are a work in progress as I add to them when necessary.
Cache busting solves the browser caching issue by using a unique file version identifier to tell the browser that a new version of the file is available. Therefore the browser doesn’t retrieve the old file from cache but rather makes a request to the origin server for the new file.
With Css Grid Layout being widely accepted for page and sub-page layouts, I had a need for main section of a page to contain full width and narrower sections.
Creating a details.yml file which looks like the one below helps greatly, this gives me a bunch of details which only have to be changed once to update all pages and partials.
Leading on from this post Static Website Boilerplate here are more details of the src file structure used - my src file structure is as below, this keeps all things easily traceable.
Not all websites warrant a CMS such as Perch and are simply static sites where the content does not change, these can easily be built using a boilerplate. So I have just spent a few hours creating a static website boilerplate that will allow me to build a website very quickly with the minimum of fuss.