CSS tips and tricks #3-Animated 404 page

Well designed website should also have custom designed 404 page for case that something is broken. So, today we will create notepad style 404 page with small animated bar. Font used for text is Lobster, it is free to use and you can find it online on Google fonts. Patter used for background is from… Continue reading CSS tips and tricks #3-Animated 404 page

Buttons – When states are gone

It is more and more often when I visit some website and no matter how great or bad they look, one thing catches my attention almost immediately. States for buttons and links. Some of those websites does not use any styles or whatever to help user differentiate between default, hover and active state. If you… Continue reading Buttons – When states are gone

CSS tips and tricks #2-Custom form design

In today’s episode of of CSS tips and tricks we will focus on designing awesome web form. You may already worked and customized forms, however most of people do only basic styling of text inputs or text. I want to show some advanced tricks. If you think that you are not able to style radio… Continue reading CSS tips and tricks #2-Custom form design

Grouping, organizing and cleaning your CSS

It was a day ago, on Friday, when I was working on project for my client and I realized that my CSS stylesheet looks like a mess. Seriously, it was a complete mess when it came to groups of rules. Even though I am consistent in sorting individual rules – I’m using Code Guide by… Continue reading Grouping, organizing and cleaning your CSS