There is a trend that has been going on for a while on some website that spins or rotate images and icons by hovering your mouse over the image or the icon, few people have asked me how is it done using css3. Well you can do it using CSS3’s transform: rotate(xdeg) property which will control the number of degrees, CW, CCW etc …
Continue reading “How to rotate an image using CSS3?”
Someone asked me before ho can i wrap a text link and make it open in a new page instead of the same page so just wanted to give a quick answer for that.
Continue reading “How to create links in an HTML open in new page?”
how to do CSS Rounded Corners In All Browsers?
Been playing around ad thought to share in case some of you out there don’t know how to do it
Continue reading “CSS Rounded Corners In All Browsers”
Here are some ways to compress your css file size in case anyone was wondering.
Clean CSS Optimize and format your CSS using a variety of different compression settings. Fixes sloppy code and generates clean and concise CSS. http://www.cleancss.com/
CSS Compressor Compress CSS code to reduce file size and make your sites load faster for free. http://www.csscompressor.com/
Minify CSS – How to Minify CSS – Minify CSS – Minify CSS. Minification is the practice of removing unnecessary characters from code to reduce its size, thus improving load times. http://www.minifycss.com/
CSS Drive – CSS Compressor – Use this utility to compress your CSS to increase loading speed and save on bandwidth as well. You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression. http://www.cssdrive.com/index.php/main/csscompressor
Do I need to decrease my css file size?
I guess the quick answer is yes, file size affects users loading times which will help users have better experience on your website and reduce their bandwidth usage especially if they are loading your website on a handheld device.
Some good code practices
instead of this
padding: 7px 10px 20px 15px;
Image by © Meg380 | Dreamstime Stock Photos