Tables are essential in representing organized data yet somehow they’re relatively left behind in the design department. That’s why it is always a welcome treat to come across tutorials like this one from Catalin Rosu. Sample screenshot of end product In this tutorial we’re going to use CSS3 to design the table and jQuery to [...]
Click on the image to view the demo. This is David Walsh‘s clever technique in creating one of the commonly used shapes in design – the circle — using only CSS and without any help of Photoshop. CSS This sets the border-radius that creates any size of circle display. .circle { border-radius: 50%; width: 200px; [...]
Ultimate Photo Widget allows you to display photos from your Flickr, Tumblr, and Pinterest accounts. And why the ‘ultimate’ monicker? Pretty much the same answer — because it allows you to display photos from your Flickr, Tumblr, and Pinterest accounts in three different styles: vertical, tiles, and slideshow, and that’s saying a lot! Hit this [...]
Andrei Marius shares a great tutorial on how to make a semi-realistic MacBook Pro from scratch using Photoshop’s basic tools as well as other techniques like vector, warp, layer masks, clipping masks, noise and more. Click on the image to see the step-by-step procedures. Incoming search terms for the article: macbook vector macbook pro vector [...]
One of the biggest complaints about chat in social networking is that you have to be logged into the social network to use it. It can be a hindrance to productivity to keep the browser open and check back without being sucked back into Facebook for vast periods at a time. Sometimes, users would simply [...]
Here’s a cool feature for everyone who’s using the infinite scrolling feature on their website. It is a jQuery widget created by Christopher Cliff and it is called Sausage. What it does is that it adds a series of graphical elements on the right side of the browser window next to the scroll bar that [...]
Hit the envelope to view the demo! Here’s a nice and unique contact form with CSS3 transitions that visitors will love using in your website. Created by Pehaa, it features a letter sliding out from an envelope once you hover your mouse over it. Note: This works in browsers that support CSS3 transitions. The envelope [...]
Graphic designer Nathan Brown demonstrates a fast technique to creating a beautiful watercolor effect in 3 easy-to-follow steps. Click on the image above for the tutorial. Incoming search terms for the article: photoshop portrait tutorial photoshop portrait photoshop portrait tutorials How to Create a Watercolor Portrait in 3 Simple Steps how to create [...]
Interact with your blog readers in real time with meebo me, a widget that will place an IM window or chatbox in your website where you can chat with your visitors using your favorite IM networks like MSN, Yahoo!, GoogleTalk, AIM, jabber, etc. Creating and customizing the look of your Meebo Me widget is a [...]
Movie buffs can draw their web design inspiration from cool movie sites. Here are 20 of the latest interactive movie sites that feature flash designs and video clips. Check the list below. Avatar Iron Man 2 How to Train Your Dragon Saw Tron Donnie Darko Ice Age 3 District 9 Simpsons Movie Transformers Dark of [...]
0
511
