---
title: "CSS-Tricks #1: Converting a Photoshop Mockup (part 1 of 3)"
date: 2009-02-23
description: "$( document ).ready(function() { // Handler for .ready() called. $('#toc').toc({ minimumHeaders: 3, listType: 'ul', showSpeed: 0, headers: '#content h2, #content h3, #content h4, #content h5, #content h6' }); /*..."
canonical_url: https://idratherbewriting.com/2009/02/23/css-tricks-1-converting-a-photoshop-mockup-part-1-of-3/index.html
---

> For AI agents: a documentation index is available at https://idratherbewriting.com/llms.txt. Markdown versions of all pages are available by appending .md to any page URL.

# CSS-Tricks #1: Converting a Photoshop Mockup (part 1 of 3)

[CSS-Tricks #1: Converting a Photoshop Mockup (part 1 of 3)](https://css-tricks.com/video-screencasts/1-converting-a-photoshop-mockup-part-1-of-3/).