За сада стварна веб локација уопште не личи много на наш Пхотосхоп дизајн. У овом сцреенцаст-у истражујемо управо то, почевши од врха са заглављем и областима са логотипом. Добар је осећај започети „прави“ почетак визуелне израде странице.
Франк ДеЛоупе користимо као бирач боја, који је лепо интегрисан са Пхотосхоп-ом (чини боју коју одаберете активном бојом у Пхотосхопу, као и копира у вашу меморију).
У једном тренутку мењамо конфигурацију Сасс / Цомпасс да бисмо компајлирали ЦСС :expanded уместо да :compressedбисмо видели стварни ЦСС који се генерише из разлога отклањања грешака.
Морамо мало да користимо мозак у вези са тим како ће се ствари поставити и реаговати на флуидну природу прозора прегледача. На пример, дневник би увек требало да додирује горњи леви угао.
Ужасно се гуркамо око вредности како бисмо ствари поставили како треба, као и додајући ситнице ту и тамо како бисмо ствари изгледале боље, попут додавања благих сенки на ефекат слагања папира.