Tag: css

Code examples around css, usually using scss.

Optimize , list items

A common solution for adding a , between a list of things in html/css is the following css. li:after { content: ‘, ‘; } li:last-child:after { content: ”; } The … Keep reading

A fluid width, equal height calendar view.

We created a calendar view for work some weeks back and we wanted the cells to be equal height/width. If you don’t need it to be fluid it’s not a … Keep reading

Optimizing your WordPress site for Google PageSpeed Insight

I spent some time optimising my page-loading speed a while ago. While I’ve not yet looked into optimising the html and css or even the rendering. Since this is a … Keep reading

A very flexible full-width image grid using flex

It’s always an interesting challenge to minimize the amount of Javascript needed to solve a problem. Using smarter CSS, improve your HTML, solve the problem in a different way. This … Keep reading

Newspaper layout on the web

While the web have come a long way since spacer gifs creating more advanced layouts is still tricky at times. I found an interesting layout question on Stack Overflow some … Keep reading

Spinning flower

I’m spinning around See the Pen Animation play by Johan Stenehall (@stenehall) on CodePen.

Animated toggle checkbox without javascript

:before and -moz-appearance: none This all thing could have been so much cleaner. Sadly Firefox stoped this (and very possibly also older IE). Firstly Mozilla doesn't actually hide the checkbox … Keep reading