Browse >
Home / Archive by category 'design corner'
New Launching Soon pages have been added to the gallery
Some good pointers on contingency design techniques and general thoughts on user experience from Innovative Thought.
This tutorial will demonstrate how to take an image, in this case a woman’s face, and give the appearance that it is entirely composed of vector shapes. Along the way, we’ll use some fairly basic techniques, including clipping masks and displacement maps, to achieve a unique effect!
This is the image we’ll be creating:
Step 1
Read more

Blue background vector rainbow in high quality EPS file.
You can also use it as a desktop background or you can select the awesome shapes from the illustration thanks to the vector format.
(more…)
Read more
Beautiful vector hearts in one single AI file.
(more…)
Read more
Oftentimes there’s a need for a quick but unique design. In this
tutorial, I’ll be showing you a short but attractive way to create a
graphic for backgrounds, wallpapers, greeting cards, designs, and all
that other good stuff. You will learn a simple photoshop trick that you can
easily manipulate for your daily needs.
Step 1
First off let’s start by creating a new document and applying the oh so obligatory clouds (
Filter > Render > Clouds).
Read more
Animated progress bar created with nothing but css.
Awesome 20 photoshop brushes with elegant letters, circles, abstract, paper, superstar, floral, ink splatter, ornament brushes, messy brushes and many more.
(more…)
Read more
Have a look at the 10 Sample Websites below which use JavaScript animations minimally and effectively
Here's the problem: you have a container with some content in it like an image along with some initial descriptive text. Then, when users hover their mouse over the container, a hidden container is revealed to present additional information over top of the current information but in a way that retains content from the original container.
This was essentially the problem presented to me by
Anton Peck. He had originally asked for a way to do this with JavaScript. To which I provided the following solution that didn't need to use JavaScript at all.
Check out the quick demo.
When you hover over the container, a new container is displayed over the existing content. The trick here is the use of position:relative to allow the static content to appear over absolutely positioned content.
Read more
Written by Jonathan Snook · Filed Under design corner | Comments Off