Главная
Study mode:
on
1
Intro
2
Eric Myers
3
Cleanup
4
Main Styling
5
HTML
6
Header
7
Navigation
8
Text Decoration
9
Display Inline
10
Display Relative
11
Position Parent Element
12
Featured Section
13
Featured Background
14
Featured Margin
15
Featured
16
Border
17
Margin
18
Tags
19
Featured P
20
Main
21
Web Standards
22
Position
23
Width
24
Footer
25
Margins
26
Margin Bottom
27
Style Date
28
Footer Background
29
Footer Height
30
Margin Left Height
31
Line Height
32
Footer Tags
33
Unordered List
34
Margin Left
35
Margin Right
36
Paragraph Tags
37
Style
38
Strong
39
Columns
40
Spacing
41
Unordered Lists
42
Double Margins
43
Inputs
44
Buttons
45
Rounded Corners
46
WebKit
47
Chrome
48
Transparent Ping
49
Download JavaScript File
50
Fixing the Featured Section
51
Fixing IE Errors
52
Validate
Description:
Learn to convert a Web 2.0 style PSD design into HTML and CSS in this comprehensive 52-minute screencast. Follow along as the instructor demonstrates the step-by-step process of slicing and dicing a Photoshop file, covering essential topics such as main styling, HTML structure, header and navigation implementation, text decoration techniques, and proper use of CSS positioning. Explore advanced concepts like featured sections, web standards compliance, footer design, and cross-browser compatibility. Master the art of creating rounded corners, styling form inputs, and implementing transparent elements. Conclude with troubleshooting tips for Internet Explorer and validation techniques to ensure a polished, professional result.

Slice and Dice PSD to HTML/CSS Conversion - Part 2

Envato Tuts+
Add to list
0:00 / 0:00