Category Archives: CSS

Sass for, each loop to generate css

Sass has some handy control directives that can be used to output css via some programming familiar syntax and constructs. I often like to have a multitude of margin and padding direction css that can be used as helper css classes that I can apply to html. Here is a tidbit to do so in

Read more

CSS specificity mini tip

CSS specificity mini tip of the day that I have to show is one you may or may not know about but it is sometimes handy. When in the CSS world do you ever find yourself having to use the blasted !important? It’s ok to admit to using it, sometimes for speed I use it

Read more

CSS box shadow on tables

A css box shadow on tables I have found can get in the way, here is an example of what I am yammering on about, first the css and then what I am rambling on about: Number First Name Last Name Points 1 Eve Jackson 94 2 John Doe 80 3 Adam Johnson 67 4

Read more

CSS class names – BEM wins

I have for a while used many a methodology for CSS, from my early years of just throwing it together, to OOCSS then SMACSS, I have now settled onto BEM and do believe it is a great way to go, especially for future scope of projects. Lets look back I use to write CSS when

Read more

Em media queries

How do you find using em’s in media queries? Perhaps you use a base font size of 62.5%? and wish to throw this into your media queries: Try this And your query is kicking in nowhere near 960px?? Well that’ll be because media query is irrespective of font-size set by body. It’s all relative. Straight

Read more

SASS variable naming convention

When working with sass I’ve tried my best to apply what I think is a conventional form of how to name your variables so they are most useful to you. Remember, this is not ‘the’ way, this is just from my experiences, if it helps you then great. If you disagree then let me know

Read more

James Bond Intro CSS

I had the idea to try and attempt to do the james bond intro in CSS in the browser. So after a good few weeks of only getting an hour here or there to work on it, I have finally finished it and hopefully you enjoy it. Please use firefox or Chrome on desktop to

Read more

CSS background clip text

The CSS background clip property is a nice css property. In webkit their is something even cooler you can use to cut out text! This is something I wish was available now for all browsers as it is a really cool and creates a great effect. I recently had a project and wished to desperately

Read more

Simple Vertical jQuery Slider

A Simple Vertical jQuery Slider. I was tasked recently with working on a site that had a very old vertical slider on the site. Looking into the code it was a mish mash of code within the header, in the actual template and in multiple external files. I spent a while following all these little

Read more

double border line CSS or CSS3

Hello Hello Hello! well this week I have been wondering what would be the coolest and what would be the most amazing, latest, greatest thing I could create to wow the world with utter pure explosive web development joy. I realised after a while I was over thinking and worrying about trying to impress any

Read more