Archive for the ‘productivity’ tag
CSS and this annoying 0 0 0 0 order
Every single time I’m using the shortening method for:
margin-top: 10px; margin-bottom: 5px; margin-left: 3px; margin-right: 30px;
transformed into
margin : 10px 30px 5px 3px;
I can’t remember the order of these items. So I have to go and look over the web to find it. Boring and time wasting. So, last time it happend, I decided to do something I’ve should have done a long time ago. I tried to find some logic into the shortened method. And without any surprise, there is one. And the very simple way to remember it, it to think about a clock.
Yes, you just have to think in this very easy way. And as a non native developer, I know some web designers that would be very happy to know this little tip.
Here is the order if you want to copy/paste it:
margin: top right bottom left;