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