Category: CSS

Scale Image and Keep Aspect Ratio Using Only CSS

I’ve had a lot of WordPress themes that set a max-width for a post image, only to squash the image and make it look stretched. I looked high and low for a fix, here it is: max-width: 100%; height: auto; source

Read more

Simple But Awesome Webkit Tricks

How it works The basic pattern for all of the above mentioned animations is the following: In CSS, tell WebKit that, for an element or group of elements, when a specific property changes, it should transition from one state to another over a set duration and using a particular timing function (also called an “easing […]

Read more

All The Cheat Sheets That A Web Developer Needs

No matter how good  programmer you are, you can`t memorize everything. It often happens to spend more time searching for a particular library, tag or declaration, than implementing it on our code.  To ease your work I have gathered here some of the most important cheat sheets that you will ever need. Do you have any […]

Read more

Free CSS Layout made Easy

Want a simple CSS layout that you can customize into your very own website? BAM! Look Below. Copy the html into a file and name it index.html or index.php whichever you prefer. If you’re not really sure go with html. Do the same with the CSS code but label it style.css and save within the […]

Read more

How To: Do a CSS Reset

A useful tool to use when starting a website layout from scratch:     body,div,dl,dt,dd,ul,ol, li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p, blockquote, th,td { margin:0; padding:0; } html,body { margin:0; padding:0; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code, dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; […]

Read more