For celebrating Valentine’s Day, this is a great tutorial from Web Froze where you get to use pure CSS3 to create a nice heart shape for your web design graphics. Below are the following codes to achieve this. CSS .heart-shape { position: relative; width: 100px; height: 90px; margin:10px 0px; } .heart-shape:before, .heart-shape:after { position: absolute; [...]
There are numerous online Photoshop tutorials about text effects but if you want that sleek and glassy effect, chances are you’ll find only a few of them. So I’m going to share with you a very cool glass text effect tutorial by the guys at 2ExpertDesign that would only take around 30 minutes to make. [...]
One of the coolest things about jQuery is that you can experiment with it, like with this animated robot. Here is a sample of how one can do this, based on Anthony Calzadilla’s design. It’s easy to modify and loads fast, with the end product similar to Flash designs but with more advantages. Web designers [...]
Turn.js is a jQuery plugin that’s inspired by the effect found in iBooks and Maps for iOS, which simulates the act of flipping through a book’s pages. As described by creator Emmanuel Garcia, this effect will go well with sites about books, magazines, or any reading material. Click on the image below for the demo. [...]
This is another jQuery slider that would amp up your website’s interface. The multi-node range and data slider, created by EGrappler, is extremely simple to use. It is highly customizable and has many functions aside from providing data selection and filtering. Click on the image for the demo. Download the zip file. CSS .slider.default [...]
WordPress 3.0 has allowed users to host multiple independent websites with just one feature called Multisite. It also lets you share settings, content, and code between websites within your network. Kevin Leary has shared some of the hacks he did to perform the aforementioned abilities in one of his articles; one of them involves building [...]
Web developer Dusky Code has created a jQuery plugin called the AnchorCloud Expanding Link Identifier. It is developed using YQL (Yahoo Query Language) to extract website contents like page title and description. Since it is only in its first release, support for media content is limited to videos from YouTube and Vimeo. The next release [...]
Integrate an interactive map into your website with jVectorMap. This is a jQuery plugin which shows vector maps on HTML pages and applies SVG in all contemporary modern browsers ranging from ancient IE 6 to 8, Chrome, Opera, IE9, Safari, Firefox. All you have to do is connect Javascript and CSS files of plugin and [...]
Here’s a very cool CSS trick I found that will let you have the same buttons as those in YouTube’s footer! But first, lots of thanks to the following coders below: Dennis Sa – for the jsbin of the matte buttons http://jsbin.com/efesot/6 Trevor Gerzen – for applying the transitions, and Chris Coyier – for coming [...]
Web designer Mike Merritt designed a jQuery plugin that will give more definition on your web site by adding tooltips to any element on a page. You can check out his work in this DEMO. Download the development version and production version zip files. HTML <!DOCTYPE html> <html> <head> <meta http-equiv=”Content-type” content=”text/html; charset=utf-8″> <title>tinyTips 1.0</title> [...]
0
1398
389
