Поки що фактичний веб-сайт зовсім не схожий на наш дизайн Photoshop. У цьому скрінкасті ми копаємось у тому, щоб зробити саме це, починаючи зверху з нашого заголовка та області логотипу. Приємно трохи «по-справжньому» розпочати візуальне будівництво сайту.
Ми використовуємо Frank DeLoupe як підбірку кольорів, яка чудово інтегрована з Photoshop (це робить вибраний вами колір активним у Photoshop, а також копіюється у ваш буфер обміну).
Одного разу ми змінюємо конфігурацію Sass / Compass для компіляції CSS :expanded замість того, :compressedщоб бачити фактичний CSS, що генерується з причин налагодження.
Ми повинні трохи використовувати свій мозок щодо того, як все буде розміщено, і реагувати на рідину вікна браузера. Наприклад, журнал повинен завжди торкатися верхнього лівого кута.
Ми надзвичайно багато штовхаємося навколо значень, щоб отримати речі в порядку, а також додаємо де-не-де деталі, щоб зробити речі виглядають краще, як додавання невеликих тіней до ефекту стопки паперу.