Tag — CSS

Full Bleed Layouts Using Simple CSS

A full bleed section of content is usually full-width of the viewport with other content limited in width somehow, maybe to 65-85 characters for readability.

Debugging website code with css

These three simple snippets of CSS will help you debug your website design and code. All of them are really easy to implement and can save you hours of tedious code searching.

Tip - Styling Broken Images

Broken image sources don't look good on a website, but sometimes an image is missing from the server and can’t be displayed. How can we make them a look nicer?

Implementing CSS Variables

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.

Useful Mixins used in CSS

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 Css and Js files

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.

Getting to know CSS Grid Layout

Website design is ever-changing with the latest development being the CSS Grid Layout, this brings the ability to layout website pages to a whole new level.