Generating HTML5 Layouts Using Photoshop
Год выпуска: 2013
Производитель: Pluralsight
Сайт производителя: pluralsight.com/courses/generating-html5-layouts-using-photoshop
Автор: Peter Shaw
Продолжительность: 0:53
Степень сложности: средняя
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: A short introduction that takes the viewer from a graphic asset created using Photoshop, and shows them how to slice it up and produce an HTML5 ready, reusable asset that can be included in any web project.
Как делать HTML5-код графики средствами Photoshop.
Содержание
Using the Photoshop Slice Tool
Assumptions
Software
A first look at the slice tool
A better way of dividing slices
Re-joining unwanted slices
Setting slice options
Creating the output
A quick look at the output produced
Summary
Working with HTML5 Layout
Introduction
Remembering what got produced
What is HTML5
Intro to semantics
The new HTML5 tags
HTML5 Document Structure
CSS3 Changes
Analizing the document produced by Photoshop
Tidying the HTML (round 1)
Tidying the HTML (round 2)
Refactoring the CSS
Nth Child Selectors
Continuing with the CSS tidying
Fixing up the parent container and text area
Reviewing what we just did
Summary
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1024x768, 4:3, 15fps, 339kbps
Аудио: AAC, 44.1kHz, 96kbps, mono
