Posts in the CSS category
28 March 2016
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.
27 September 2012
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
23 January 2012
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.
27 December 2011
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
03 August 2011
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
03 May 2011
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.
23 December 2010
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.
03 December 2010
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.
29 October 2010
A couple of years ago, Sitepoint published a book called Everything You Know About CSS is Wrong (reviewed here). The main theme of the book was the use of CSS properties and values like display: table and display: table-cell (see also CSS display property). If you have not come across these before, they allow you to assign table-like behavior to <div> or other elements, such as <p>. In the book, this method is called CSS tables and it seems to be an easy way of achieving grid layouts. Should we be using this method more? Here’s how it works.