What’s great about sequence.js is that unlike most other slider plugins, it presents unlimited customization options, which is why designer Ian Lunn touts it as ‘the jQuery slider plugin with infinite style’. Rotate, fade, skew, 3D transform, parallax effects, you name it, you got it! It’s also responsive, supports touch devices, non-JS fallbacks, and it [...]
Now we don’t have to rely on animated gifs in creating AJAX loading animation effects. This CSS3 tutorial will teach us how to create three different types of loading animation. Let’s start off with our HTML markup. HTML Markup <div id=’loading’> <div id=’Column1′ class=’Columns’></div> <div id=’Column2′ class=’Columns’></div> <div id=’Column3′ class=’Columns’></div> <div id=’Column4′ class=’Columns’></div> <div id=’Column5′ [...]
The web developers at Maui Website Design have designed a dynamic image menu that allows you to navigate easily through any visual content with a Motools-inspired effect, powered by jQuery Javascript. The menu’s main functions require a jQuery-compatible script, a valid XHTML, a Motools-like sliding effect, and it should be lightweight. It comes in two [...]
Here’s a shortlist of five simple yet cool HTML5 effects that can add life to your website! No images and JavaScript are necessary, as all of them are accomplished using only a combination of HTML5 and CSS3. 1. CSS3 Loading Animation A very basic loading animation. CSS code: <style type=’text/css’> @-webkit-keyframes rotate { from { [...]
If you’re conducting an online business, this jQuery plugin called Smart Validate will be a helpful addition to your website. Created by the egrappler.com web developers, it makes credit card validation easier and more convenient. The following credit cards are supported by Smart Validate: - Visa Card - Master Card - Discover - American Express [...]
I’ve come across this neat tutorial on how to create nice-looking linked tooltips using CSS3 and a little bit of jQuery for that cool fade in/out effect. Below is a screenshot of what the tooltips in the tutorial look like: There are 3 variations of the balloons’ arrows, wherein they can point left, center, or [...]
Mary Lou of Tympanus.net shows us a fun way to add a background image to a text element by experimenting with the CSS property “background-clip: text”. We can create very beautiful effects with the addition of these CSS3 transitions. Take note that the property ‘background-clip: text’ is supported in Webkit browsers only. Check out the [...]
The tag cloud lets the visitors see the available site topics, additional info, and it can also be used to link blog posts, images, videos, etc. in your site. It’s so popular that several tag cloud versions have been created by many web developers and designers, and one of them is Dan Wellman who has [...]
This tutorial by Tom of PSDFAN will show us how to design funky and hip club night poster using Photoshop. This type of poster is perfect for event promotions like gigs, club parties, etc. Use this as an inspiration and springboard for your next party design project. Get the full tutorial by clicking on the [...]
First off, don’t dismiss this menu design based on the screenshot image alone. Instead, click on the image below to view the impressive demo. This cool navigation menu was created by 17-year old Felix Buhler, and it uses CSS3 keyframes property. To create the flashing effect, the menu’s attribute is simply changed from a static [...]
0
465
