A Web Designer’s Typographic Boilerplate

I like to use a typography.css in my projects; a separate file which houses all the basic structural typographic styles I’ll need. A lot of what’s found within it is obvious stuff (heading sizes, for example) but it also contains less obvious things which I don’t want to forget. Let’s work our way through the… Continue reading A Web Designer’s Typographic Boilerplate

Adding Space to Your Designs

Let’s get the basic stuff out of the way first. Whitespace isn’t simply a block of space in your design that has to be white. Instead, think of it more like structural “empty” space, where no extra elements, embellishments or other parts to your design are placed. A great example of whitespace – but still… Continue reading Adding Space to Your Designs

Flat Design – The Next Step Forward in the Evolution of Web Design

Flat design is nothing but simplicity put into practice. The fact that simple shapes such as rectangles and circles are being preferred over gradients and drop shadows shows that the tide is in favor of simplicity. A case in point is the new design of the Windows Phone and the Windows 8 OS Metro UI… Continue reading Flat Design – The Next Step Forward in the Evolution of Web Design

Sliding Horizontal Layout

Today we’d like to share an interesting layout with you. You might have seen it already on Skybox or on the website of Lotta Nieminen. It’s a layout where we see the main section in the middle and part of the previous and next section on the sides. The navigation reflects this view by showing… Continue reading Sliding Horizontal Layout

20 Timesaving Web Design UI Freebies

Across Dribbble and Behance designers are creating some awesome UI kits, often providing their UI kits for free download. Today I have put together a pretty awesome collection of free UI kits you can download and use in your next design project. UI kits are a great way to speed up your design process and… Continue reading 20 Timesaving Web Design UI Freebies

20 Absolutely Best Web-Designs For Inspiration

It’s always nice to browse some nice and clean websites coz it is a good way to get inspiration for your next projects and also to see how designers are delivering clean designs. In this post we’ll showcase “20 Absolutely Best Web-Designs For Inspiration” that we make them best in our judgment, have a look… Continue reading 20 Absolutely Best Web-Designs For Inspiration

The Creation Process of “Urbanized” Photo Manipulation in Photoshop

In this tutorial, I will show you the process of creating this “Urbanized” photo manipulation in Photoshop. The concept behind this work is that human is increasing living in a confined urban space and being consumed by the endless expansion of the cities. I used 3 elements in this manipulation to represent the theme “Urbanized”:… Continue reading The Creation Process of “Urbanized” Photo Manipulation in Photoshop

Beginning With WordPress: First Steps With Your New Website

Well… would you look at at that… a whole new WordPress site! Clever you! Have you logged in yet? If so, you might be sitting looking at the Dashboard wondering what the heck you do next…  so, let me help you with that! (Failing that you’re wondering what on earth a Dashboard is, that’s ok,… Continue reading Beginning With WordPress: First Steps With Your New Website

Create a slide-out footer with this neat z-index trick

In this short tutorial, we are going to create an interesting slide-out footer with a bit of CSS. Grab the zip from the download button above, open it in your favorite code editor and read on! The Idea The effect we are after, is to give the impression that the page lifts up to reveal… Continue reading Create a slide-out footer with this neat z-index trick

Logo Design Guidelines

Design a logo and a visual identity goes way beyond the free form and artistic side of what most people think. There is all the rational part including proportions, scaleability optical adjustments and reproduction that has to be thought in order to create an efficient and well design logo. The visual design guidelines will provide… Continue reading Logo Design Guidelines

25 Free User Interface Web Elements

Free PSD web user interface design elements sets to create full websites. These Web User Interface Kits contains hundreds of useful web elements, buttons, icons and much more to create modern style websites. Psd web elements will guide you to design your websites easily in Adobe Photoshop. All web element kits are professionally design by best graphic… Continue reading 25 Free User Interface Web Elements

Adobe Illustrator CS6 Shortcuts Cheat Sheet

Illustrator is a very important tool for designers and creative professionals. And no matter how familiar you are with it, there are always some shortcuts you could learn to be more productive. This is why you will love today’s exclusive Adobe Illustrator CS6 cheat sheet that the good people at ZeroLag have put together for WDL. How to… Continue reading Adobe Illustrator CS6 Shortcuts Cheat Sheet

Create an Awesome Single-Page Website

Not every website needs to be complex or include multiple pages of content and information. Sometimes one page is enough. But just because you are creating a website with only one page, does not mean that it will be easy. Developing a single-page layout can require just as much thought and planning as some more complex… Continue reading Create an Awesome Single-Page Website

Sketching and Your Design Workflow

Once you’ve finished working with your content – great news! You get to start thinking about the actual design. But not so fast – don’t jump onto a computer straight away. If you talk to designers, most of them will tell you that it’s a massive part of their workflow to firstly sketch out any… Continue reading Sketching and Your Design Workflow

Subtle Dark Patterns Vol1

Subtle Dark Patterns Vol1 Volume 1 of our subtle dark texture patterns background with 4 dark tile patterns ideal to create a subtle and original dark texture for your next project. Details Number of Items in Set: 8 files File Format(s): PNG, PAT File Size: 1.3 MB Free for personal and commercial use.

iOS7 GUI: Fantastic set with more than a thousand elements

The elements that are part of this fantastic GUI are inspired in the new style of iOS7 in its beta version, but with a slight general improvement to app icons and the interface in general. There are more than 1000 of them, fully editable retina ready PSD covering almost everything (if not everything) you could… Continue reading iOS7 GUI: Fantastic set with more than a thousand elements

50+ Amazing Rainmeter Desktop Skins – Take Your Desktop To The Next Level!

Customizing the features on your personal computer to be unique has never been as hot as it is today. You can get stickers for your Macbook, upload desktop images to create a certain mood and now you can even customize your desktop skin to fit your exact needs. One of the really powerful tools for… Continue reading 50+ Amazing Rainmeter Desktop Skins – Take Your Desktop To The Next Level!

25 Free Pixel-Perfect Fonts for 8-Bit Designs

We all know that retro and vintage designs are hot right now. Not to mention the fact that geeks, gamers, nerds, and dorks are taking over the world. From the kids who grew up playing Super Mario Bros. feeling nostalgic for their old school video games, to the currently popular video game Minecraft, to the… Continue reading 25 Free Pixel-Perfect Fonts for 8-Bit Designs

App Showcase with Grid Overlay

Today we will be creating a little app showcase with a neat effect. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots. The effect is very subtle: the device moves back and the grid fades in and… Continue reading App Showcase with Grid Overlay

Turn a Pencil Sketch Into a Colorful and Dynamic Character Illustration

Sketching out a character illustration can be a lot of fun. Giving that sketch life can be a challenging task, however. In this Tuts+ Premium tutorial, Ken Barthelmey will explain how to use Photoshop’s painting tools to turn a pencil sketch into a colorful and dynamic character illustration. In this process, he will show how… Continue reading Turn a Pencil Sketch Into a Colorful and Dynamic Character Illustration