Archive for the CSS/Xhtml Category

Coding a Clean Web 2.0 Style Web Design from Photoshop

Coding a Clean Web 2.0 Style Web Design from Photoshop

Saturday, June 6, 2009 No Comments

In this web development tutorial, you’ll learn how to build a web page template from a Photoshop mock-up from a previous tutorial called “How to Create a Clean Web 2.0 Style Web Design in Photoshop” using HTML/CSS and the jQuery library.

  • Share/Bookmark

Tags: , ,

Category: CSS/Xhtml

How to Elevate Your Website Design Process and Results

How to Elevate Your Website Design Process and Results

Friday, May 15, 2009 No Comments

This tutorial will guide you through the process and ideas behind the designing a professional website with a funky flair in Photoshop. The tutorial will read much like a “choose your own adventure” novel in the hopes it will encourage creativity and uniqueness in your design with a little advice and instruction along the way. Adventure time!

  • Share/Bookmark
Encoding a Photoshop Mockup into XHTML & CSS

Encoding a Photoshop Mockup into XHTML & CSS

Wednesday, May 13, 2009 No Comments

Continuing from a recent tutorial, Create a Vibrant Blog Design in Adobe Photoshop, we’ll now look at taking the concept and implementing it into an actual webpage constructed in xhtml and css. By exporting the imagery from Photoshop and coding up the page we’ll produce a working example of the overall blog design

  • Share/Bookmark

Tags: ,

Category: CSS/Xhtml

How To Build Your Own Single Page Portfolio Website

How To Build Your Own Single Page Portfolio Website

Tuesday, May 12, 2009 No Comments

Let’s take a look at producing a single page portfolio concept in Photoshop, constructing the page in XHTML/CSS and adding some fancy functionality with jQuery.

  • Share/Bookmark

Tags: ,

Category: CSS/Xhtml, Design

Crash Course: YUI Grids CSS

Crash Course: YUI Grids CSS

Friday, May 8, 2009 No Comments

The Yahoo User Interface Library is a rather extensive set of JavaScript tools for developers. Often left unnoticed are a few other useful components of the library that will speed up your coding: some CSS libraries. I’d like to give you a quick tour of YUI Grids CSS library.

  • Share/Bookmark

Tags: ,

Category: CSS/Xhtml

Build a Basic Newspaper style layout with Wordpress and jQuery

Build a Basic Newspaper style layout with WordPress and jQuery

Monday, May 4, 2009 No Comments

Grid/Newspaper/Magazine templates are becoming more and more predominant in the wordpress skin and theme community. They look classy, but it can be daunting knowing where to start. In this tutorial we use the power of jQuery to create a grid layout with size-degrading headers!

  • Share/Bookmark

Page 1 of 512345