Пока что настоящий веб-сайт совсем не похож на наш дизайн в Photoshop. В этом скринкасте мы подробно рассказываем об этом, начиная с верхней части нашего заголовка и области логотипа. Приятно иметь немного «настоящий» старт визуального создания сайта.
В качестве палитры цветов мы используем Фрэнка ДеЛупа, который прекрасно интегрирован с Photoshop (он делает цвет, который вы выбираете активным цветом в Photoshop, а также копируете его в буфер обмена).
В какой-то момент мы изменяем конфигурацию Sass / Compass для компиляции CSS, а :expanded не :compressedдля просмотра фактического CSS, генерируемого для отладки.
Нам нужно немного поработать мозгом, чтобы определить, как будут размещаться объекты, и отреагировать на изменчивую природу окна браузера. Например, журнал всегда должен касаться левого верхнего угла.
Мы очень много подталкиваем значения, чтобы все было правильно, а также добавляли небольшие детали здесь и там, чтобы все выглядело лучше, например, добавляя легкие тени к эффекту стопки бумаги.