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; [...]
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 pro photoshop macbook pro [...]
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 portrait photoshop tutorials watercolor portrait photoshop tuto photoshop portrait tutorial photoshop portrait photoshop [...]
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 [...]
A business card is an important element of your business identity and a great way to make an impression on potential clients and partners. Aside from convenience, there are virtually no set rules for making creative card designs. Enjoy the following designs we compiled for the first quarter of 2012! Incoming search terms for the [...]
Music is one of my main interests so sites with embedded media players are inspiring to me. Good thing I found web designer Muhammad Waseem Amjad‘s tutorial on creating a cool media player design using Photoshop. Check out the awesome tutorial by clicking the image. Incoming search terms for the article: cool web design html [...]
Today I’m sharing a bunch of free downloadable templates that were created with HTML5 and CSS3. HTML5 Theme This minimalist template with pink accents comes with an Ajax-powered PHP contact form. OWMX-1 OWMX-1 is a nice two-column template designed with HTML5 and CSS3. DesignStudio This cool grungy design is perfect for personal or music [...]
Click on the image above to view the tutorial. Front-end engineer Ivan Lazarevic created jqFancy Transition, a multi-format plugin that offers several transition animation effects. Check out both the demo and download! Incoming search terms for the article: jqfancy jqfancy transition JqFancy Transitions transition transitions effects Transitions in Flash download jsfancytransition effects photo gallery special [...]
Flip over your text as web design elements with CSS! This first code flips each letter horizontally making them face towards the left while retaining their original positions and sequence. CSS .one {-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -o-transform:rotateY(180deg); -ms-transform:rotateY(180deg); transform:rotateY(180deg); unicode-bidi:bidi-override; direction:rtl;} HTML <span >Test number one.</span> The second code flips the letters’ direction, position, AND sequence. What [...]
The color green implies nature, tranquility, and — you guessed it — money. So here we’ve compiled a useful list of both stylish and quirky green-themed business card designs from awesome designers! Graphic Designer Taste of Ink CreativeWitty Pixel Design David Crow Plant Raisers Badbon Mona Vie Ordered List Uncle Spence Vive Tile Cuckoo Story [...]
0
465
