Here’s an awesome CSS3 animation effect by Peter Magenheimer. It’s an animated pixel font that is created with 100% pure CSS3, no Javascript or images! The animation is activated by simply hovering your mouse cursor over a letter. By doing so, a number of pixel elements come in and gather on a specific area of [...]
Here’s a pretty neat jQuery plugin created by Indamix that you can use on your website! It’s called Real Shadow, and what it does is it gives an element a shadow that changes its attributes depending on the location of the mouse cursor. The plugin works by manipulating the value of the CSS property box-shadow. [...]
Web developer Mary Lou shows an easy-to-follow tutorial on how you can make a cool elastic image slideshow with thumbnail preview. The slideshow automatically adjusts and you can navigate the slides by using thumbnail preview. Click on the image to view her tutorial. Check out the DEMO and DOWNLOAD as well.
Today’s featured CSS tutorial comes from a web designer and developer who goes by the name of Luky VJ, and the aforementioned tutorial is about creating a rotating menu. If you find the design kind of familiar it’s because it is actually a modified version of the menu from CSS3Create. You can find the CODE [...]
AnimaDrag is a great drag-and-drop plugin that is small and lightweight. Created by web and software developer Abel Mohler, it’s independent of jQuery UI framework and is easily draggable thanks to jQuery animation. Check out the demo and tutorial by clicking on the image.
?? Web developer David Walsh has a great tutorial to share with us, which is making a multiple background with CSS. This feature is a very useful tool in preventing the need for nested elements. Click on the image to see his tutorial. Here’s the DEMO, and the CSS code: #multipleBGs { background: url(photo1.png), url(photo2.png), [...]
Kendra Schaefer and Ken Breeden’s great tutorial shows you how to create a pretty-looking bar graph/chart that’s not only animated but three-dimensional as well! The difficulty rating of the tutorial is rated at Intermediate level since it requires some understanding of jQuery, HTML, and CSS but it is nonetheless very easy to follow. Click on [...]
Getting bored with those classic ‘Older Posts’ and ‘Newer Posts’ link navigators? Replace them with the WP-PageNavi by GamerZ and scribe. Because this plugin has wp_pagenavi () template tag, it generates stylish paginations that makes it look way cooler than the older and plainer links and you can get page buttons so users can directly [...]
It’s always convenient for your blog readers to see posts that are related to the one they’re currently reading, but what if they prefer to reading articles from a particular author? Here’s a plugin that’ll do just that. Unlike most of the other plugins, the code for this one is based on PHP, and not [...]
You don’t need to shell out a hefty amount of your hard-earned dough for those tilt-shift camera lenses just to give your pictures that miniature look. All you need is a very capable photo editing software like Photoshop CS6 to create the effect. That’s where Rafiq Elmansy’s tutorial would come in very handy! The process [...]
0
1398
393
