Search Videos

Search Results For: 'CSS-Tricks'

Convert a Photoshop Mockup into CSS & HTML Part 6 of 6

We wrap up the mockup conversion here in Episode Three. We create the "article area" and the "sidebar" (semantic class naming!), and then we clear the float. We use Fi...

Views: 1379 Uploaded On: 09/30/2010

(0+) (0-)

Convert a Photoshop Mockup into CSS & HTML Part 4 of 6

There has been LOTS of great feedback on the first series of Converting a Photoshop Mockup into HTML/CSS. So let’s do it again! Every website is different will require different convers...

Views: 1611 Uploaded On: 09/30/2010

(1+) (0-)

Photoshop Tips & Tricks: How to add mist & fog

Tutorial on creating mist and fog using Photoshop

Views: 3409 Uploaded On: 01/07/2010

(1+) (0-)

Photoshop Tips & Tricks: How to create a lightsaber

Tutorial on creating a Star Wars lightsaber using Photoshop

Views: 2254 Uploaded On: 01/07/2010

(0+) (0-)

Sliding Doors Button

While sliding doors is far from a new concept and will be obsoleted once we see wider support for multiple backgrounds (CSS3), it is still a good one for your bag-of-tricks. The theory is...

Views: 1176 Uploaded On: 10/07/2010

(2+) (0-)

Designing for WordPress: Part One

WordPress is a hugely popular CMS for blogging. The blog section of CSS-Tricks is run on WordPress and I am very happy with it. By popular request, we are going to walk through designing ...

Views: 2457 Uploaded On: 02/04/2011

(0+) (0-)

Creating the Photoshop Mockup

This episode is a prequal to episodes 12, 13, and 14. We go back to a blank Photoshop document and re-create it. There is no HTML/CSS in this episode, just pure Photoshop work.

Views: 984 Uploaded On: 10/02/2010

(0+) (0-)

Introduction to the Band Website Template

I have recently released a side project called the Band Website Template. This is just a quick tour of it, explaining why it was built and why I think it can be useful for bands and their...

Views: 1020 Uploaded On: 11/02/2010

(0+) (0-)

Introduction to Firebug

Firebug is an essential Firefox extension for web designers and developers. You are able to quickly target any element on a page to see the markup, the CSS, the layout, and the DOM in an ...

Views: 1064 Uploaded On: 10/02/2010

(0+) (0-)

Advertisement