design, jquery, programming, webdevelopment, fun, php, html, css, javascript
After the couple of jQuery Quickies that have been placed online on this website, I today present you a CSS3 quickie. Just a short walkthrough to create a simple effect, to learn some basic stuff. In this case, we're recreating the Facebook loading animation using CSS3 animations. I'm pretty sure that you've seen the animation before, if you're a Facebook user.
We're using CSS3 keyframes
to create the desired effect. We'll be using prefix free from @LeaVerou to use unprefixed CSS3 properties.
Take note this example only works properly in browser that support the keyframes
property. I've tested this script and verified that it's working in the latest versions of Firefox, Chrome and Safari.
A great resource for all kind of webdevelopers and -designers has to be MightyDeals. They provide some great (daily) deals for webprofessionals, which simply means that you can get that font, brush or program for a way cheaper price so can finally get it. Today, we're giving away five of these amazingly useful deals to all the readers! And the best part is: You're able to decide which deal you want to have.
Read the rules below to find out how you can join this contest: it's pretty simple! Make sure you join this contest quick, since it ends on February 15th. You'll automatically receive information if you have won a prize. Good luck to everyone!
Also, make sure you subscribe to the RSS feed or follow me on Twitter to get updates on more future giveaways.