Работа с макетом (html5 тема 03 - работа с макетом)
TRANSCRIPT
![Page 1: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/1.jpg)
Работа с макетомСтажировка HTML5
Света Шарипова
![Page 2: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/2.jpg)
assets.adobe.com
![Page 3: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/3.jpg)
Загрузка макета
![Page 4: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/4.jpg)
Сохранение всего макета в png/jpg
![Page 5: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/5.jpg)
Сохранение изображения для Retina дисплеев
![Page 6: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/6.jpg)
Извлечение стилей текста
![Page 7: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/7.jpg)
Измерение расстояний
![Page 8: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/8.jpg)
Chrome Extension - Pixel Perfect
![Page 9: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/9.jpg)
Chrome DevTools: добавление стилей, html
![Page 10: Работа с макетом (HTML5 тема 03 - работа с макетом)](https://reader035.vdocuments.pub/reader035/viewer/2022062302/5881d3c81a28ab331a8b5dc1/html5/thumbnails/10.jpg)
Полезные ссылки
Документация assets.adobe.com: https://helpx.adobe.com/ru/creative-cloud/help/extract-css-images-psd-files.html
Chrome Extension - Perfect Pixelhttps://chrome.google.com/webstore/detail/perfectpixel-by-welldonec/dkaagdgjmgdmbnecmcefdhjekcoceebi
Chrome Extension - Page Ruler https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn