У частині 2 цієї серії ми розпочинаємо перетворення HTML / CSS макету Photoshop, який ми створили в першій частині. Ми починаємо з дуже скелетної основи проекту. Потім ми подивимось на організацію файлового рівня Photoshop. Потім ми починаємо знизу вгору, створюємо потрібні нам фрагменти з файлу Photoshop і пишемо HTML і CSS, які нам потрібні, щоб виконати роботу. Велика частина роботи насправді полягає не в «нарізанні» файлу Photoshop, а уважному розгляді і спробі імітувати те, що там робиться, за допомогою правильної розмітки та методів CSS.
Посилання з відео:- Сайт Кайлін Йонг
- jQuery Prepend
- Частина 1: Макет Photoshop
- Частина 2: Перетворення HTML / CSS
- Частина 3: Тема WordPress