Skip to main content

Über dieses Buch

Fully updated to the latest CSS modules, make the journey to CSS mastery as simple and painless as possible. This book dives into advanced aspects of CSS-based design, such as responsive design, modular CSS, and CSS typography. Through a series of easy-to-follow tutorials, you will learn practical CSS techniques you can immediately start using in your daily work.

CSS Mastery: Advanced Web Standards Solutions is your indispensable guide to cutting-edge CSS development—this book demystifies the secrets of CSS. While CSS is a relatively simple technology to learn, it is a difficult one to master. When you first start developing sites using CSS, you will come across all kinds of infuriating browser bugs and inconsistencies. It sometimes feels like there are a million and one different techniques to master, spread across a bewildering array of websites. The range of possibilities seems endless and makes for a steep and daunting learning curve.

While most books concentrate on basic skills, this one is different, assuming that you already know the basics and why you should be using CSS in your work, and concentrating mainly on advanced techniques. This new edition covers all of the CSS fundamentals such as the importance of meaningful markup, how to structure and maintain your code, and how the CSS layout model really works.

This new edition contains:

New examples and updated browser support information Full coverage of modular CSS and responsive design Essential information on CSS typography and layout control What You'll LearnThe best practice concepts in CSS design The most important (and tricky) parts of CSS Identify and fix the most common CSS problems How to deal with the most common bugs Completely up to date browser support information The latest information on CSS features and support Who This Book Is For

CSS Mastery is aimed at intermediate and advanced web designers and developers. It offers a quick recap of the main points of CSS, while dispelling some common myths, but then moves forward to delve into the higher-level aspects of CSS. It contains fully up-to-date information throughout, and acts as a one-stop-shop for current CSS best practices.



Chapter 1. Setting the Foundations

The human race is a naturally inquisitive species. We just love tinkering with things. When we got our new Parrot AR Drone at the office, we had it in pieces before we’d even looked at the instructions. We enjoy working things out ourselves and creating our own mental models of how we think things behave. We muddle through and only turn to the manual when something goes wrong or defies our expectations.
Andy Budd, Emil Björklund

Chapter 2. Getting Your Styles to Hit the Target

A valid and well-structured document provides the foundation to which your styles are applied. You may already have added appropriate styling “hooks” to your HTML, or you may return to add more as the design requirements for a page evolve. In this chapter we will look at the range of selectors we have available to target that HTML and the extra hooks we can use to gain more control.
Andy Budd, Emil Björklund

Chapter 3. Visual Formatting Model Overview

Some of the most important CSS concepts to grasp are floating, positioning, and the box model. These concepts control the way elements are arranged and displayed on a page and form the basis of many layout techniques. More recently, new standards specifically designed to control layout have been introduced, and we will look at these individually in forthcoming chapters. However, the concepts that you learn in this chapter will help you fully grasp the intricacies of the box model, the difference between absolute and relative positioning, and how floating and clearing actually work. Once you have a firm grasp of these fundamentals, developing sites using CSS becomes that much easier.
Andy Budd, Emil Björklund

Chapter 4. Web Typography

Typography has been a fundamental part of graphic design since the invention of the printing press, so you’d expect it to play a central role in the field of web design. Some have gone as far as to say that web design is 95% typography. As such, it is surprising that browsers have only recently allowed us to fully embrace typography and typesetting on the Web. This opens up the possibility for us to learn from hundreds of years of typographic history, and create richly styled content that is a delight to read. Previous editions of CSS Mastery did not contain a separate chapter on web typography, so perhaps that gives you some indication of the advancement in this area over the last few years.
Andy Budd, Emil Björklund

Chapter 5. Beautiful Boxes

In previous chapters you learned that every element of an HTML document is made up of rectangular boxes: from the containers that hold the structural parts of your page, to the lines of text in a paragraph. You then spent the last chapter learning how to style the text content of your pages.
Andy Budd, Emil Björklund

Chapter 6. Content Layout

A web page, at the most basic level, is made up of different blocks of content: headings, paragraphs, links, lists, images, videos, etc. These elements can be grouped together thematically; a headline, some text, and an image making up a news story. By controlling the position, size, order, and spacing of the items inside each component, we can better convey their function and meaning.
Andy Budd, Emil Björklund

Chapter 7. Page Layout and Grids

This chapter is all about a systematic approach to creating page layouts. In the previous chapter, we focused on layout from the perspective of individual page components. The priority of and relationships between the individual components is a good place to start when designing the overall layout of a page. But at some point, you’ll start to find recurring patterns for the overall structure. This chapter is all about codifying these structures into reusable solutions: containers, into which you can “pour” your content.
Andy Budd, Emil Björklund

Chapter 8. Responsive Web Design & CSS

When the iPhone made its debut in 2007, it marked a significant jump in the experience of browsing on a mobile device. People scrambled to make separate sites optimized for mobile and touchscreens, leading to the artificial notion of the “mobile web” and the “desktop web.”
Andy Budd, Emil Björklund

Chapter 9. Styling Forms and Data Tables

Forms are an incredibly important part of modern web applications. They allow users to interact with systems, enabling them to do everything from leaving comments to booking complicated travel itineraries. Forms can be as simple as an e-mail address and a message field, or they can be hugely complex, spanning multiple pages.
Andy Budd, Emil Björklund

Chapter 10. Making It Move: Transforms, Transitions, and Animations

This chapter is all about moving things around—either through space, with transforms, or through time, using animations and transitions. Often, these two families of properties work together.
Andy Budd, Emil Björklund

Chapter 11. Cutting-edge Visual Effects

Coding creative designs has always been difficult using CSS alone. Until recently, the language itself has been quite restrictive in terms of the visual effects you can use. Re-creating the visual effects from graphics editing packages like Photoshop was difficult, if not impossible, and regularly required nasty hacks.
Andy Budd, Emil Björklund

Chapter 12. Code Quality and Workflow

Throughout this book, we have dealt with various techniques and the (many!) different specifications and properties of CSS. In the process, we have touched on some useful ways of thinking responsibly about these solutions. In this final chapter, we will revisit some of these approaches to dive deeper into the reasons why some are better than others.
Andy Budd, Emil Björklund


Weitere Informationen

Premium Partner

BranchenIndex Online

Die B2B-Firmensuche für Industrie und Wirtschaft: Kostenfrei in Firmenprofilen nach Lieferanten, Herstellern, Dienstleistern und Händlern recherchieren.



Best Practices für die Mitarbeiter-Partizipation in der Produktentwicklung

Unternehmen haben das Innovationspotenzial der eigenen Mitarbeiter auch außerhalb der F&E-Abteilung erkannt. Viele Initiativen zur Partizipation scheitern in der Praxis jedoch häufig. Lesen Sie hier  - basierend auf einer qualitativ-explorativen Expertenstudie - mehr über die wesentlichen Problemfelder der mitarbeiterzentrierten Produktentwicklung und profitieren Sie von konkreten Handlungsempfehlungen aus der Praxis.
Jetzt gratis downloaden!