Book Image

Mastering CSS

By : Rich Finelli
Book Image

Mastering CSS

By: Rich Finelli

Overview of this book

Rich Finelli trains you in CSS deep learning and shows you the techniques you need to work in the world of responsive, feature-rich web applications. Based on his bestselling Mastering CSS training video, you can now learn with Rich in this book! Rich shares with you his skills in creating advanced layouts, and the critical CSS insights you need for responsive web designs, fonts, transitions, animations, and using flexbox. Rich begins your CSS training with a review of CSS best practices, such as using a good text editor to automate your authoring and setting up a CSS baseline. You then move on to create a responsive layout making use of floats and stylable drop-down menus, with Rich guiding you toward a modular-organized approach to CSS. Your training with Rich Finelli then dives into detail about working with CSS and the best solutions to make your websites work. You'll go with him into CSS3 properties, transforms, transitions, and animations. You’ll gain his understanding of responsive web designs, web fonts, icon fonts, and the techniques used to support retina devices. Rich expands your knowledge of CSS so you can master one of the most valuable tools in modern web design.
Table of Contents (12 chapters)

Web Fonts

For a long time, we were stuck with a few basic fonts, such as Times New Roman, Georgia, and Arial. If you ever wanted to deviate farther than that, you ran the risk of the font not showing up when someone viewed your site because they probably wouldn't have had that font installed on their computer. During this period, whenever we wanted to use a fancy font, we were required to save it as an image, which used to pose many problems. Luckily for us, now web fonts have officially emerged, which gives us the ability to use a multitude of great fonts that will work on all computers. In this chapter, you're going to learn about web fonts. First you'll learn about the basic syntax of the @font-face rule, then we'll go over how @font-face can be a little tricky, followed by getting into services that provide fonts and deliver them to your website, such as...