Video description
Handcrafted CSS: Bulletproof
Essentials
Being a good Web craftsman is about always asking questions:
How flexible are your designs? What happens when the user adjusts
the text size? What if one paragraph turns into two? What happens
when you turn off images or styles? Does the design fall apart, or
can it adapt to worst-case scenarios? It’s attention to details
like these that sets good Web design apart from great Web design,
and it is what author
Dan Cederholmillustrates in this
video, which complements his book
Handcrafted CSS: More Bulletproof Web Design.
Whether you’re a Web designer, project manager, or graphic
designer, you’ll come away from this video armed with an essential
checklist to make your next project a flexible, adaptable, and
well-crafted design.
Dan’s bulletproof guidelines
include:
• Testing the integrity of your site with images turned off
• Using relative units for sizing text so users can adjust as
needed
• Taking the Dig Dug text test
• Applying advanced CSS properties that work in browsers today
• Reusing styles to keep code efficient
• Mastering fl oats to create independent modules
• Checking your pages with CSS turned off
• Validating to eliminate baffling display issue
Total running time: 65 minutes
www.newriders.com
Table of Contents
Introduction: About the “bulletproof” concept
00:07:57
Guideline 1: Turn off images
00:06:05
Guideline 2: Let go of pixel precision
00:05:45
Guideline 3: Provide a flexible base for text
00:05:14
Guideline 4: Use the “Dig Dug” text test
00:03:57
Guideline 5: Accept the box
00:05:14
Guideline 6: Use progressive enrichment
00:10:24
Guideline 7: Reuse/recycle
00:03:18
Guideline 8: Master floats
00:06:37
Guideline 9: The 10-second usability test
00:04:32
Guideline 10: Validate
00:04:43
Conclusion
00:01:38