Search icon CANCEL
Subscription
0
Cart icon
Cart
Close icon
You have no products in your basket yet
Save more on your purchases!
Savings automatically calculated. No voucher code required
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Mastering CSS - Second Edition [Video]
Mastering CSS - Second Edition [Video]

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

By Rich Finelli
$130.99
Video Mar 2017 4 hours 44 minutes 2nd Edition
Video
$130.99
Subscription
$15.99 Monthly
Video
$130.99
Subscription
$15.99 Monthly

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Buy Now

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.

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

Product Details

Country selected

Publication date : Mar 31, 2017
Length 4 hours 44 minutes
Edition : 2nd Edition
Language : English
ISBN-13 : 9781787126794
Category :
Languages :

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Buy Now

Product Details


Publication date : Mar 31, 2017
Length 4 hours 44 minutes
Edition : 2nd Edition
Language : English
ISBN-13 : 9781787126794
Category :
Languages :

Table of Contents

10 Chapters
1. CSS Foundations Chevron down icon Chevron up icon
2. Ramping Up Chevron down icon Chevron up icon
3. Creating a Page Layout with Floats Chevron down icon Chevron up icon
4. Creating Buttons with Modular CSS Chevron down icon Chevron up icon
5. Creating the Main Navigation Chevron down icon Chevron up icon
6. Becoming Responsive Chevron down icon Chevron up icon
7. Web Fonts Chevron down icon Chevron up icon
8. The Workflow for HiDPI Devices Chevron down icon Chevron up icon
9. Flexbox Chevron down icon Chevron up icon
10. Wrapping Up Chevron down icon Chevron up icon

Customer reviews

Top Reviews
Rating distribution
Empty star icon Empty star icon Empty star icon Empty star icon Empty star icon 0
(0 Ratings)
5 star 0%
4 star 0%
3 star 0%
2 star 0%
1 star 0%
Top Reviews
No reviews found
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing? Chevron down icon Chevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file? Chevron down icon Chevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package? Chevron down icon Chevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package? Chevron down icon Chevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.