Chapter 10 Resources

Part Two: Adding Style With CSS

Chapter 10

This page contains a link to all the files you’ll need to complete the homework for Chapter 10 in addition to reference files and links to resources related to the chapter.

Homework

You can download the additional files for this chapter’s homework at the book’s companion web site by following the link below. Use ‘View Source’ at our King Kong web page to refer to our markup when creating your single-column Gordo web page.

• Additional Homework Files
• King Kong Reference Web Page

Reference Files

Use ‘View Source’ (as covered in Chapter 2) to look at our example files’ source code. Where helpful we have included comments inline within the markup to give additional guidance.

• The Cascade in CSS in Action
• The Order of CSS Rules is Important
• Applying Margins, Borders and Padding - Pass 1
• Applying Margins, Borders and Padding - Pass 2
• Applying Margins, Borders and Padding - Pass 3
• Applying Margins, Borders and Padding - Pass 4
• Applying Margins, Borders and Padding - Pass 5
• CSS Shorthand - Example 1
• CSS Shorthand - Example 2
• A Simple One Column Layout - Pass 1
• A Simple One Column Layout - Pass 2
• A Simple One Column Layout - Pass 3
• A Simple One Column Layout - Pass 4
• A Simple One Column Layout - Pass 5
• A Simple One Column Layout - Pass 6
• A Simple One Column Layout - Pass 7
• A Descendant Selector
• Styling Details with a Span
• Styling an Image - Example 1
• Styling an Image - Example 2
• Adding a Background Image

Resources

• W3C - Div and Span Elements
• Simplebits
• Kaliber10000 - The Pixel Patterns Collection

The Periodical

The most recent entries in the Periodical and Reviews sections:

• AIGA have long fought the good fight against crowdsourcing, clearly articulating the very real issues that plague the 'winner takes all' approach to sourcing design by subcontracting it to the masses…
• In 2009, Andy Baio - a writer and entrepreneur who helped build Kickstarter - ate his own dog food and launched a Kickstarter project called 'Kind of Bloop'. The idea was elegant, and one we immediately fell in love with…
• As the old saying goes, "You only get one chance to make a first impression." Launched amid much fanfare late last week, Color is, apparently, "a miraculous application," and one of the first of many, new life-changing applications for the 'Post-PC World' in which we now live. It's also guilty of a not insubstantial degree of hyperbole…

Search

HTML and CSS Web Standards Solutions

Learn how to build hand-crafted web pages using well-structured XHTML and lean and efficient CSS. By embracing a web standards approach, HTML and CSS Web Standards Solutions enables you to create web sites that not only look great in all modern browsers, but are also accessible to a wide variety of audiences across a range of platforms - from those browsing on everyday computers, to those accessing the web on the latest, emerging mobile devices.

Get it at Amazon.

The Authors

In addition to their role as lecturers in interactive design at the University of Ulster at Belfast, where they have been active in promoting a web standards-based curriculum, Christopher Murphy and Nicklas Persson are practicing designers and digital artists. Their work has featured in a variety of design books and magazines alongside numerous internationally respected designers and they are regular speakers at design conferences and workshops worldwide.

Get in touch.