2015
Packt Publishing
Rich Finelli
3:00
English

CSS is a deceptively simple presentation language that has significantly developed over the last few years. Frontend 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’ll also go into detail about 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.
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. Mastering CSS 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.

CSS Foundations
The Course Overview
The Anatomy of a Rule Set and the Three Types of Style Sheets
The Box Model and Block versus Inline Elements
Ramping Up
Text Editors
CSS Reset
Chrome Dev Tools
Renaming Elements: Classes and IDs
Descendant Selectors
Creating a Page Layout with Floats
Floats Introduction – Flowing Text around Images
Creating a Multicolumn Layout
Solving the Problems of Floats
Creating Buttons with Modular, Reusable CSS Classes, and CSS3
Creating Buttons with Modular CSS
Multiple Classes
Specificity Rules
Transitions
Transforms
Styling a Call to Action Button
Gradients
Creating the Main Navigation and Drop
Starting the Navigation
Using Pseudo Classes
Absolute Positioning
Building the Drop-down
CSS Animations (Part 1)
CSS Animations (Part 2)
Finalizing the Navigation
Becoming Responsive
Fluid Grid
Flexible Images
Media Queries
Mobile Menu
Viewport Meta Tag
Web Fonts
The @font-face Property
Font Kits and Font Services
Google Web Fonts
Subscription Font Foundries
Icon Fonts
The Workflow of HiDPI Devices
2x Images
The JavaScript Approach
1.5x Images
Background Images
SVG
Wrapping Up
Next Steps
Conclusion and Links

Download File Size:1.02 GB

---