Marvin Bea is a blogger, webmaster and musician from the Philippines. His interests include arts, photography, travel, fitness and health.
Ashlee Harrell has created a funky cartoon-style graffiti text effect that could be useful in your design. Learn how to do this technique from scratch using Photoshop’s layer styles, pen, selection, dodge and brush tools. Check out the full tutorial by clicking the image above. Incoming search terms for the article: graffiti [...]
Here’s an eye-catching halftone navigation menu that would look beautiful in your website’s design. Creator Martin Angelov shows you how to make this using CSS3 and jQuery. Check out the DEMO and DOWNLOAD the file, then click on the image below to launch the tutorial. Incoming search terms for the article: web menu design menu [...]
The Space-Themed Portfolio Landing Page by Tom of PSDFAN. This is a nice and sleek template that will definitely appeal to tech lovers. In this tutorial, you’ll learn how to come up with a design like this from scratch – from background canvas to space elements to highlights to menu. Click on the image for [...]
Click above to view the plugin’s full documentation. Give exact locations right in your website! Check out this fantastic jQuery plugin designed by graphic designer Aron Brown. The jQuery GPS is perfect if you want to include Google Maps into your website yet don’t want to be bothered with other unnecessary features. This is the [...]
Let’s travel back into the past with these various collections of beautiful and inspiring vintage web designs. Click on each thumbnail in the gallery to view their respective sites. Incoming search terms for the article: vintage web design vintage web design inspiration vintage webdesign WordPress Antique Template vintage web inspiration tvornica bannera vintage web [...]
Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3. You can also use this effect to create backgrounds and headers. Since the plugin is made to resize automatically, [...]
This nice jQuery effect by Gaya Kessler simulates gravity animation. The idea of this is when you hover above the string that holds both blocks, it will break and the block below will fall. Click on the image above to see how this works! Also, you can get the DEMO and SOURCE FILE here. Enjoy! [...]
Web designer and developer Joren Rapini’s tutorial teaches us how to create a terrific navigation image rollover, which uses very minimal HTML and CSS codes. Click on the image below for the demo: The first thing to do is to create a navigation image menu with Photoshop. Then, we’ll be writing the HTML and CSS. [...]
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 [...]
0
465
