Posts in the CSS category
Learning about CSS Grid Layout
23 March 2017 by
There's an exciting new CSS layout method in the latest versions of Google Chrome, Firefox and Opera (see browser support). That's CSS Grid Layout which promises to revolutionise how we create page layouts. Here are a few links I've collected about Grid Layout.
List item bullet points with the ::before pseudo-element
28 March 2016 by
I was checking out the Guardian's website recently (in Chrome DevTools, as you do) and spotted how they use the ::before pseudo-element to create list item bullet points. Here's how it's done.
LESS or Sass or neither?
27 September 2012 by
CSS preprocessors like LESS and Sass are hugely popular – and for good reason! Once you've picked up their syntax, they can shorten the time taken to write CSS, give you all sorts of useful functions, enable CSS compression, and give you a warm fuzzy feeling inside
Responsive web design is easy with fluid layouts
23 January 2012 by
So, I have been thinking a lot about responsive web design recently. I’ve been reading about some CSS frameworks and recoding some of my core files so they can adapt to any grid system that I choose to use. As a result, I’ve decided to use fluid or elastic layouts or hybrid layouts wherever possible from now on.
Checking out responsive grid systems
27 December 2011 by
Over the last few weeks I've been browsing a few responsive grid systems/CSS frameworks, partly as a means of learning new responsive web design methods
29 August 2011 by
Just a few things I've seen recently
03 August 2011 by
I've been really busy with client work recently but I have managed to set aside some time every day for reading and browsing. Here are some some interesting links I've seen in my web travels
Transparent borders with CSS3
03 May 2011 by
I’ve seen a few website examples recently (like this one) where transparent borders have been used so that the background image shows through the border. I think this is a really nice effect and it got me wondering how it’s done and if I could use this on my planned redesign of CVW Web Design. Turns out it’s relatively simple but there’s one ‘trick’ you will need to get it to work.
CSS Tip: Using max-width for flexible images
23 December 2010 by
When you are working with fluid or elastic website layouts or perhaps using CSS Media Queries, it's essential that the designs cope with large images.
Web design books for Christmas reading
03 December 2010 by
At this time of year, I normally pick out some web design books that I want to read over the Christmas holidays. I'm spoilt for choice this year.