iDevie

HTML5 & CSS3: Take Your Design to Another Level

devie — Sun, 12 Feb 2012 18:31:26 +0000

While both languages for HTML5 and CSS3 aren’t fully complete yet, taking the time time to familiarize yourself with some of the pointers in this post can really help you achieve that clean look and feel for your site. Let’s (...)

3D Gallery with CSS3 and JQuery

devie — Sun, 12 Feb 2012 17:44:24 +0000

With 3D transforms, we can make simple elements more interesting by setting them into three dimensional space. Together with CSS transitions, these elements can be moved in 3D space and create a realistic effect. Today, we want to share an (...)

Page transitions with CSS3

devie — Sun, 12 Feb 2012 17:32:37 +0000

MARKUP The HTML will contain five main divisions: a header and the four content sections. Each of the content sections is going to have an ID and the class panel. Moreover, we will add another division inside which will have the (...)

Create A Love Message On The Sand

devie — Sat, 11 Feb 2012 00:18:02 +0000

In this tutorial you will learn how to create a love message on the sand using basic Photoshop filters, brushes and layer styles. Create a realistic “writing on sand” effect in Photoshop! Tutorial Assets The following assets were used (...)

Photoshop: Snow Heart

devie — Fri, 10 Feb 2012 23:38:25 +0000

Valentines Day is less than a week away, and you’re probably already looking to create some sort of Valentine’s related design. If you guys follow the official Photoshop Facebook page, you may have seen them post this image not too long (...)

CSS Buttons with Pseudo-Elements

devie — Tue, 24 Jan 2012 22:10:07 +0000

Hola, amigos. For the last month or so, I’ve been experimenting with the power of CSS pseudo-elements, specially when it comes to mixing them with buttons and that way recreating some great effects that were only possible to do with (...)

How to Create a Professional Web Layout in Photoshop

devie — Mon, 16 Jan 2012 22:36:43 +0000

Designing good looking clean and functional Web layouts is an essential part of a Web Designers life. In this tutorial we are going to create a clean and professional Web layout in Photoshop from scratch. Along the way you can (...)

Ice Text Effects

devie — Wed, 11 Jan 2012 21:11:45 +0000

Hello dear visitor, and Welcome to Ice Text Effects Tutorial. Today, we’re going to practice a dozen methods of: how to archive a frozen look on a desired text in Photoshop. So let’s get started, right away! First of all, (...)

Create an Unique Surreal Photo Manipulation with Nebula Effect in Photoshop

devie — Tue, 10 Jan 2012 15:30:26 +0000

In this Photoshop tutorial, I will show you the steps I took to Create an Unique, Dark Surreal Photo Manipulation with Nebula Effect in Photoshop. This is an intermediate level tutorial so some steps can be a bit tricky, but (...)

Creating an iOS-like Home Screen with CoffeeScript

devie — Mon, 09 Jan 2012 18:39:31 +0000

Today we are going to create an iOS-like home screen using CoffeeScript – a new JavaScript based language, and the jQuery library. CoffeScript has a clean syntax that lies somewhere in between Ruby and Python. If you haven’t used any (...)