Tag Archive | "design"
Awesome CSS+JS form styling
Sexy CSS+JS Form I was working on our new open source project that i think you will like and I was working on the registration page. This is what I got in the end and i will walk you trough the process with me. This new tutorial is about styling the forms of your website, I [...]
Continue reading...Making a Mosaic Slideshow With jQuery and CSS
onsdag, marts 10, 2010
Kommentarer slået fra
When designing a product page, it is often necessary to present a number of images in a succession, also known as a slideshow. With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem. However, to make a lasting impression to your visitors, you [...]
Continue reading...Draw a Glowing, Vector Pocket Watch – Front and Back
mandag, marts 8, 2010
Kommentarer slået fra
In this tutorial you will learn how to draw the front and the back side of a pocket watch from scratch. This tutorial is detailed and by the end you will know how to draw all kinds of shapes, like cog-wheels and small screws. You’ll learn to create the scatter brushes used for the designs [...]
Continue reading...Design and Code a Cool iPhone App Website in HTML5
mandag, marts 8, 2010
Kommentarer slået fra
HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we’ll get a taste of what’s to come by building a cool iPhone app website using a HTML5 structure, and visual styling with some CSS3 effects. HTML5 isn’t here just yet, but the Working [...]
Continue reading...Creative Button Animations with Sprites and JQuery (Part 1: Photoshop)
onsdag, marts 3, 2010
Kommentarer slået fra
This tutorial will show you how to build creative hover animations for buttons using sprites. The particular effect illustrated in this tutorial is inspired by the “Download” buttons on Tutorial9.net. Part 1 of this tutorial explains the design process in Photoshop. In Part 2 we will convert it to XHTML + CSS and as a [...]
Continue reading...Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery)
onsdag, marts 3, 2010
Kommentarer slået fra
In Part 1 of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial. If you do not want to complete part one of this tutorial, you can download the source files created in that lesson here. Step 1 – HTML Different people will require a [...]
Continue reading...How To Design a 3D Glass Icon in Photoshop
onsdag, marts 3, 2010
Kommentarer slået fra
Learn How To Design a translucent 3D Frosted Glass Box based on the Safari Icon in Adobe Photoshop. Step 1: Setting Up Make a new document with these settings: Next, select the fill tool (G) and fill it with #626262. Now, we need to make a new adjustment layer. Make a brightness/contrast layer (Layer > New Adjustment Layer [...]
Continue reading...Design a Prettier Web Form with CSS 3
onsdag, marts 3, 2010
Kommentarer slået fra
Thanks to advanced CSS properties, such as gradients and shadows, it’s now quite easy to turn a dull web form into something beautiful – with minimal effort. I’ll show you how in today’s tutorial! Our Final Product Subtle background gradients give depth to the fields while shadows lift them from the page. Even more impressive is that [...]
Continue reading...Create Textured European Goldfinch Characters
onsdag, marts 3, 2010
Kommentarer slået fra
Make a unique character design of a European Goldfinch with paint splatters and textures. The techniques used will be Live Trace, Pathfinder, Transparency, Distort, Warp and Clipping Masks. We’ll give this character a unique look and fun personality. Final Image Preview Below is the final image we will be working towards. Tutorial Details Program: Adobe Illustrator CS3 Difficulty: Beginner Estimated Completion [...]
Continue reading...Design a Clean Business Layout
onsdag, marts 3, 2010
Kommentarer slået fra
This tutorial will teach you how to create a clean portfolio layout, or business layout. A few days ago someone asked me to create a tutorial without so many details. I will show you how you can create a very simple layout in just a few steps. You don’t need to be a pro to [...]
Continue reading...
onsdag, marts 10, 2010
Kommentarer slået fra