# 125: Фотошопінг однієї сторінки відео - CSS-хитрощі

Anonim

У цьому скрінкасті ми заглиблюємось у розробку ще однієї дуже важливої ​​сторінки. Це одна з тих сторінок, яку я з захватом розробляв з самого початку, тому що це сторінка, яка особливо недостатньо обслуговувалася останнім дизайном. У цьому новому дизайні ми підходимо до нього з нуля і розробляємо щось, що краще відповідає вмісту.

Першим замовленням бізнесу є створення фактичного відео на сторінці якомога більшим. Я думаю, було б чудово, якби відео було більше на екрані, ніж на YouTube. Мені подобається переглядати дуже великі відео, але мені не завжди подобається повноекранний режим, який приховує весь екран.

Тоді виникає питання, куди йде назва відео. У нас уже є заголовок сайту, заголовок відео та під навігація чорною смугою. Якщо ми також включимо заголовок (і, можливо, опис та метадані), який просуває це повноформатне відео досить проклято вниз по сторінці. Ця сторінка стосується лише відео, тому ми зберігаємо відео над іншою інформацією. На щастя, ми можемо використовувати чорну смужку, щоб показати заголовок відео, тому користувач не втрачає те, що він дивиться або де він знаходиться в ієрархії сайту.

Ми також використовуємо навігацію на чорній смузі, щоб запропонувати посилання Підписатися на iTunes, яке на цій сторінці є більш актуальним, ніж де-небудь ще на сайті. Саме така настройка шаблонів вмісту змушує сайт співати.

Під відео ми можемо сформувати сітку, яка по суті виглядає як допис у блозі, фрагмент, запис аламанаку чи щось інше. Вміст та коментарі ліворуч 2/3 та збоку (бічна панель) вміст праворуч 1/3.