Web developer Christian Heilmann‘s CSS3 and HTML5-based ‘sticky note effect’ will add a quirky yet utilitarian touch to your website design. However, this works best on the latest Webkit browsers, Chrome, Opera, Safari and Firefox. With other browsers, you’ll get only the standard yellow squares. Click on the notes to try out the demo, and [...]
If you want a simple and straightforward way of presenting your online portfolio then try Bootstrap Image Gallery. Created by Sebastian Tschan (a.k.a. blueimp), this extension of Twitter’s Bootstrap toolkit for its Modal dialog provides very easy navigation between sets of gallery images, plus all of the essential attributes and functions that other image slider [...]
Web designer and developer Mary Lou shows us how to create a simple blur effect for text-based items using jQuery and CSS3. What this plugin does is it blurs and scales down texts boxes that are hovered over, while scaling up the item in focus, drawing attention to it. Click on the image to know [...]
Illustrator guru Jasmina Stanojevich kicks up the web design scene this 2012 with this cool vector social media icon set. Click on the image below to grab the free set today! Incoming search terms for the article: social media 2012 icon 2012 icons 2012 social media icon set 2012 social icons 2012 2012 icon [...]
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 { [...]
Tired of the same old loader image? Then try James Padolsey‘s JavaScript loader called the Sonic Looping Loader. Sonic is a tiny JS “class” utilizing the creation of custom loading animations. It is highly customizable style, and you can define the path using arc, bezier and line as functions. Click on the image to view [...]
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 [...]
Some of the most creative web designs come from the music industry. This is because the site should match perfectly with the artist’s image and at the same time capture his genre and brand. It should be eye-catching and engaging to the viewer/listener. If executed well, it will also let visitors feel the artist’s presence [...]
0
1397
390
