Animate.css – Dan Eden
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
Hat-tip to: Maykel Loomans
Graphic designer since before the Internet. Started with newspaper paste-up; then art director for advertising agency in Reno, NV; and now freelancer designing marketing materials, print-on-demand t-shirt art, websites, and social media graphics.
Similar Posts
Menu Button Background Transparency Makes Text Transparent [FIX?]
Problem: Menu button’s hover background is 50% transparent (this is good). But it also makes the text inside the menu button 50% transparent (this is bad). Desired result: Text inside the button should remain solid-colored when the button’s hover background is 50% transparent. Solution (maybe?): Maybe this will keep the text solid-colored while the menu button’s hover…
Using CSS Text-Shadow to Create Cool Text Effects – Line25
http://line25.com/articles/using-css-text-shadow-to-create-cool-text-effects …six text effects of vintage/retro, inset, anaglyphic, fire and board game in the demo, then copy the code snippets below to use the effects in your own designs. Needless to say you’ll need a text-shadow supporting browser (Safari, Chrome, Firefox) to see them in all their glory.
Free Wireframing Kits, UI Design Kits, PDFs and Resources – Smashing Magazine
To mock-up the user interface of a website, software or any other product, you’ll need some basic UI elements. And this is where wireframing kits and UI design kits come in handy. When you want to create a low-fidelity prototype for your projects, you can use these kits to give your idea a certain shape,…
Form Field Usability: Matching User Expectations
By Jamie Appleseed, Aug 31, 2010 I see the mistake again and again – web designers that either don’t adjust the width of their form fields at all or adjust it based on what looks best in the layout of the page. To achieve good usability you should however adjust the width of your form…
Vector Icons – Iconmonstr
Iconmonstr has a great collection of vector icons!
- Child Theme Case Study | CSS | Website design | WordPress | WordPress Case Studies | WordPress Child Theme | WordPress CSS
WordPress Child Theme – CSS Sticky Footer
1) Followed all of the instructions from CSS Sticky Footer. Then made the extra change, shown below, to my child theme’s footer.php file. For my WordPress TwentyTen child theme, in the footer.php file, I had to move the closing #wrapper DIV to just ABOVE the opening #footer DIV. Like so: 2) Add CSS for footer…