Search Results For: 'CSS-Tricks'
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
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
Tutorial on creating mist and fog using Photoshop
Views: 3409 Uploaded On: 01/07/2010
Tutorial on creating a Star Wars lightsaber using Photoshop
Views: 2254 Uploaded On: 01/07/2010
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
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
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
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
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