Ridiculously lightweight, responsive CSS & SVG device shapes

We’ve all come across startup or app websites that display their product within a realistic smartphone or laptop image. Sometimes it’s used to show that the app or website is responsive and has been built for multiple platforms. When working on one particular project, I decided against using stock images for a variety of reasons … Read moreRidiculously lightweight, responsive CSS & SVG device shapes

How to make a responsive shield shape in pure CSS

I couldn’t find a shield shape written in pure CSS that would scale up and down to any size easily, so I decided to create one and i’ll share it with you. The reason i wanted a css solution and didn’t use a font icon was because i wanted to place something inside the shield… i could have just used a font icon to get the shield shape but placing a font icon within a font icon is a bit messy, plus i figured it’d require more code to get displaying reasonably well…

Read moreHow to make a responsive shield shape in pure CSS

Slim and Sass

I don’t tend to post many web development posts these days which is a shame. It’s what I do on a daily basis so i’m always learning and picking up tips and tricks. I realised I’ve never spoken about slim or sass here before yet they both make me a happier web developer and save me lots of time, so I decided to dedicate a single blog post to them…

Read moreSlim and Sass