Posts in the CSS category

• Learning about CSS Grid Layout

  23 March 2017 by Clive Walker

  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 Clive Walker

  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 Clive Walker

  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

  5 Comments

• Responsive web design is easy with fluid layouts

  23 January 2012 by Clive Walker

  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.

  1 Comments

• Checking out responsive grid systems

  27 December 2011 by Clive Walker

  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

  2 Comments

• Quick tip: Making jQuery tabbed content available for users without JavaScript

  29 August 2011 by Clive Walker

  Most users have JavaScript enabled these days but there may be a small fraction of your website visitors that have JavaScript turned off. In these circumstances, it’s generally accepted good practice to make sure that your website content is available to those users without JavaScript.

  1 Comments

• Just a few things I've seen recently

  03 August 2011 by Clive Walker

  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

  1 Comments

• Transparent borders with CSS3

  03 May 2011 by Clive Walker

  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.

  10 Comments

• CSS Tip: Using max-width for flexible images

  23 December 2010 by Clive Walker

  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.

  4 Comments

• Web design books for Christmas reading

  03 December 2010 by Clive Walker

  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.