Засега действителният уеб сайт изобщо не прилича много на нашия дизайн на Photoshop. В този скрийнкаст се впускаме да правим точно това, като започнем отгоре с нашата заглавна част и областта с лого. Чувството, че е малко „реално“ да започнете да изграждате сайта визуално.
Използваме Frank DeLoupe като инструмент за избор на цвят, който е добре интегриран с Photoshop (прави цвета, който избирате, активен цвят във Photoshop, както и копира в клипборда).
В един момент променяме конфигурацията на Sass / Compass, за да компилираме CSS, :expanded вместо :compressedда виждаме действителния CSS, генериран по причини за отстраняване на грешки.
Трябва да използваме мозъка си малко по отношение на това как ще бъдат разположени нещата и да реагираме на течната природа на прозореца на браузъра. Например дневникът винаги трябва да докосва горния ляв ъгъл.
Правим ужасно много бутане около стойности, за да постигнем нещата точно както трябва, както и добавяне на малки подробности тук и там, за да направим нещата да изглеждат по-добре, като добавяне на леки сенки към ефекта на хартия.