Lynda com - Typography for Web Designers

1. 00 Introduction/01 Welcome.mov7.2MB
2. 00 Introduction/03 Things to consider before starting this course.mov5.69MB
3. 00 Introduction/02 Using the exercise files.mov2.56MB
4. 01 Using Fonts to Communicate the Meaning of a Word or Headline/01 Understanding how good typography promotes reading.mov14.05MB
5. 01 Using Fonts to Communicate the Meaning of a Word or Headline/07 Downloading web fonts.mov11.21MB
6. 01 Using Fonts to Communicate the Meaning of a Word or Headline/08 Applying web fonts in CSS with @font-face.mov10.34MB
7. 01 Using Fonts to Communicate the Meaning of a Word or Headline/05 Using font size, case, style, letter spacing, weight, and color to convey meaning.mov10.12MB
8. 01 Using Fonts to Communicate the Meaning of a Word or Headline/06 Choosing web fonts to convey meaning.mov9.49MB
9. 01 Using Fonts to Communicate the Meaning of a Word or Headline/04 Choosing web-safe fonts to convey meaning.mov7.29MB
10. 01 Using Fonts to Communicate the Meaning of a Word or Headline/03 Understanding how fonts convey meaning.mov6.61MB
11. 01 Using Fonts to Communicate the Meaning of a Word or Headline/02 Understanding legibility.mov5.6MB
12. 02 Using Fonts for Text/06 Choosing a web font from the Google Font API for use in text.mov9.95MB
13. 02 Using Fonts for Text/10 Analyzing the fonts on some professional sites.mov9.56MB
14. 02 Using Fonts for Text/09 Adding and applying the second font to the heading.mov9.42MB
15. 02 Using Fonts for Text/07 Adding and applying the Google Font API syntax.mov8.31MB
16. 02 Using Fonts for Text/03 Setting a class for the resource titles in the text.mov6.62MB
17. 02 Using Fonts for Text/01 Choosing a web-safe font for use in text.mov4.79MB
18. 02 Using Fonts for Text/02 Applying the web-safe font to the text and the heading.mov4.62MB
19. 02 Using Fonts for Text/05 Applying the second font to the heading.mov3.48MB
20. 02 Using Fonts for Text/08 Choosing a second web font from the Google Font API for the heading.mov3.44MB
21. 02 Using Fonts for Text/04 Choosing a second web-safe font for the heading.mov3.08MB
22. 03 Maximizing Readability/10 Analyzing text readability on the professional sites.mov19.11MB
23. 03 Maximizing Readability/03 Finding and applying a good line length.mov13.03MB
24. 03 Maximizing Readability/08 Improving a color palette by improving contrast.mov10.97MB
25. 03 Maximizing Readability/04 Understanding ems.mov8.4MB
26. 03 Maximizing Readability/05 Using ems to set font size.mov8.38MB
27. 03 Maximizing Readability/09 Improving a color palette by reducing optical vibration.mov7.93MB
28. 03 Maximizing Readability/02 Finding and applying a good font size and line height.mov7.32MB
29. 03 Maximizing Readability/06 Using ems to set line length.mov6.06MB
30. 03 Maximizing Readability/01 Understanding how we read.mov5.88MB
31. 03 Maximizing Readability/07 Understanding how color affects readability.mov5.42MB
32. 04 Visually Chunking Text/08 Building a two-column system in HTML and CSS.mov31.1MB
33. 04 Visually Chunking Text/12 Analyzing the chunking on the professional sites.mov26.08MB
34. 04 Visually Chunking Text/03 Applying hierarchy in HTML and CSS.mov16.08MB
35. 04 Visually Chunking Text/09 Refining the horizontal space in a two-column layout.mov15.57MB
36. 04 Visually Chunking Text/10 Adding rule lines to improve chunking.mov12.4MB
37. 04 Visually Chunking Text/06 Changing an element by creating and applying a class.mov12.16MB
38. 04 Visually Chunking Text/11 Adding emphasis within a heading.mov9.08MB
39. 04 Visually Chunking Text/05 Applying the system in the CSS.mov7.98MB
40. 04 Visually Chunking Text/04 Developing a system to help chunk text for readers.mov7.52MB
41. 04 Visually Chunking Text/01 Understanding how we chunk visual elements.mov5.18MB
42. 04 Visually Chunking Text/07 Using multiple columns to create hierarchy.mov5.12MB
43. 04 Visually Chunking Text/02 Developing a system of hierarchy.mov2.86MB
44. 05 Shaping a Page Using Typography/01 Understanding classic and modernist typographic pages.mov8.84MB
45. 05 Shaping a Page Using Typography/02 Understanding how to create rhythm and tension.mov8.25MB
46. 05 Shaping a Page Using Typography/03 Applying typography skills when making design decisions.mov6.89MB
47. 06 Shaping a Traditional Typographic Page/02 Adding a list of links to the traditional page.mov22.91MB
48. 06 Shaping a Traditional Typographic Page/05 Using different CSS for different kinds of links.mov16.74MB
49. 06 Shaping a Traditional Typographic Page/09 Shaping the traditional page layout.mov15.13MB
50. 06 Shaping a Traditional Typographic Page/03 Describing the link states in CSS.mov13.09MB
51. 06 Shaping a Traditional Typographic Page/06 Using CSS notation to organize syntax.mov10.6MB
52. 06 Shaping a Traditional Typographic Page/10 Analyzing the traditional typographic elements on the professional sites.mov8.99MB
53. 06 Shaping a Traditional Typographic Page/07 Choosing a background color or image.mov8.22MB
54. 06 Shaping a Traditional Typographic Page/01 Designing typographic links for the traditional page.mov8.14MB
55. 06 Shaping a Traditional Typographic Page/08 Applying a repeating background image.mov5.35MB
56. 06 Shaping a Traditional Typographic Page/04 Returning links to their original unvisited style.mov4.37MB
57. 07 Shaping a Modernist Typographic Page/08 Analyzing the modernist typographic elements on the professional sites.mov16.78MB
58. 07 Shaping a Modernist Typographic Page/07 Shaping the modernist page layout.mov15.89MB
59. 07 Shaping a Modernist Typographic Page/03 Adding and removing space between the navigation links.mov13.07MB
60. 07 Shaping a Modernist Typographic Page/06 Applying a no-repeat background image.mov12.22MB
61. 07 Shaping a Modernist Typographic Page/04 Styling the inline links on the modernist page.mov11.48MB
62. 07 Shaping a Modernist Typographic Page/01 Designing typographic links for the modernist page.mov9.91MB
63. 07 Shaping a Modernist Typographic Page/05 Choosing a background color or image for the modernist bibliography.mov5.93MB
64. 07 Shaping a Modernist Typographic Page/02 Making a list of links run across the page.mov4.76MB
65. 08 Attending to the Typographic Details/03 Working with lining figures (numbers) and acronyms.mov31.74MB
66. 08 Attending to the Typographic Details/01 Fixing quotation marks and apostrophes.mov24.87MB
67. 08 Attending to the Typographic Details/02 Fixing dashes.mov22MB
68. 08 Attending to the Typographic Details/09 Analyzing the typographic details on the professional sites.mov16.3MB
69. 08 Attending to the Typographic Details/04 Fixing characters that don't look right.mov15.84MB
70. 08 Attending to the Typographic Details/07 Vertically centering text.mov12.98MB
71. 08 Attending to the Typographic Details/08 Creating drop caps.mov11.27MB
72. 08 Attending to the Typographic Details/05 Hanging punctuation.mov7.03MB
73. 08 Attending to the Typographic Details/06 Applying typographic accents.mov5.59MB
74. 09 Conclusion/Additional resources.mov7.72MB