Mastering CSS, Second Edition: Get to grips with CSS best practices to create modern, responsive, and retina-ready websites , Second Edition

Rich Finelli

£112.99

Video Mar 2017 4hrs 44mins 2nd Edition

Rich Finelli

£112.99

Video Mar 2017 4hrs 44mins 2nd Edition

What do you get with a video?

Download this video in MP4 format

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents

Download Code

Key benefits

The popular Mastering CSS video course is brought up to date in its second edition to include new features, most notably a video on the "srcset" attribute in the Workflow for HiDPI Devices section and an entire new section on flexbox
Deep dive into a lot of details of CSS in this course, from creating a modern looking ghost button and a big call-to-action button to the supposedly difficult and scary SVG
It will arm you with all the knowledge, tips, and tricks you need to make you stand out in the world of developing complex, responsive, feature-rich web applications

Description

CSS is a deceptively simple presentation language that has significantly developed over the last few years. Front-end developers need to keep style sheets manageable and organized by taking a modular approach to building a website. They can either wrestle with it, or learn how to master it in order to easily apply layouts and styles with precision. This web development video course has been designed to help you build your knowledge of CSS and master one of the most valuable tools in modern web design. We start off with a brief review of the foundations of CSS by using a good text editor to automate your authoring and set up a CSS baseline. We then move on to creating a layout with floats and a functioning menu with dropdowns, taking a modular-organized approach to CSS. We deep dive into a lot of details of CSS in this course, from creating a modern looking ghost button and a big call-to-action button to the supposedly difficult and scary SVG. We’ll also look in depth at CSS3 properties such as transforms, transitions, and animations. By the end, you’ll have an understanding of responsive web design, web fonts, icon fonts, and techniques used to support retina devices; all things a modern frontend web developer must know. This course will arm you with all the knowledge, tips, and tricks you need to make you stand out in the world of developing complex, responsive, feature-rich web applications.

Who is this book for?

This video course is for web designers who wish to master the fundamentals of CSS and the best ways to work with CSS in their web projects. You’ll know how to work with a web page and bring core HTML skills, and learn how to use CSS to take your website to the next level of presentation.

What you will learn

Take advantage of the Chrome developer tools to troubleshoot CSS
Explore some of the most solid techniques used to solve the problems of floats, such as the clearfix hack
Rename elements with classes, use descendant selectors, and understand specificity rules
Become proficient with CSS3 properties such as transitions, transforms, gradients, pseudo classes, and animations
Leverage the power of absolute, relative, static, and fixed positioning techniques
Delve into modular, reusable, and scalable CSS for more organized and smaller style sheets
Understand media queries and the other fundamentals of responsive web design
Get creative with the @font-face property, font kits, Google Web Fonts, subscription font services, and icon fonts
Optimize the workflow for HiDPI (retina) devices using 2x images, 1.5x images, SVG, and the srcset attribute
Learn how to layout features of your web page using flexbox, which solves many of the layout challenges we were accustomed to with float-based layout