HTML and CSS Reference
Developing with Standards
After learning the specifications required for creating standard-compliant web site components, you have to
bring theory to practice. In this part of the topic, you analyze the most common web site errors and master
techniques and best practices through step-by-step guides to be able to plan and create standards-compliant
web sites with confidence. You write well structured markup and core web sites components such as lists,
tables, forms, and news feeds.
You get useful tips to set up a convenient and efficient web designer environment, and learn the
distinctive features of advanced text editors that make them suitable for hand coding, such as correct
whitespace handling, UTF-8 and UTF-16 support, and syntax highlighting. You see free and commercial
web development tools, the most common semantic editors and reasoners for ontology development, and
Responsive Web Design frameworks to design fluid grids for mobile-friendly web sites. You see how to analyze
the DOM tree and modify the element containers with the built-in development tools of modern browsers,
or update the CSS of a site on-the-fly in Firefox Inspector to get an instant preview without modifying any
physical files. It will be demonstrated why and how to test site robustness in a text-based browser, under
multiple browsers, and without style sheets.
You learn the best practices to create mobile-friendly layout, set font size proportional to the viewport
size, properly combine CSS units, embed YouTube videos and Google Maps as valid HTML5, and ensure
backward-compatibility and robustness through fallback mechanisms.
You learn about the fundamental validation services to check the markup, the style sheets, links,
semantics, and news feeds individually or together using Unicorn, the unified validator. You become familiar
with sophisticated accessibility validators such as Wave to identify accessibility barriers, and tools to evaluate
the contrast ratio between foreground and background. You learn how to check semantic annotations by
extracting machine-readable metadata using Indice. Once you achieve standard compliance, you can express
validity and represent technologies with official icons and logos.