YoVDO

Learn Advanced CSS Layout Techniques

Offered By: egghead.io

Tags

HTML & CSS Courses Responsive Design Courses

Course Description

Overview

CSS layout is totally frustrating. You are likely to find yourself fighting CSS for hours, maybe days, on a layout problem that seems simple at first, but proves to be insanely tricky.
In this course you will take a look at some advanced CSS techniques that will show you how to solve real problems you're likely to encounter in your applications. We will explore some of the lesser know CSS layout features, so even if you've got significant experience with CSS, you will probably learn something new that can help you in your day to day work.
We are assuming that you have a working knowledge of CSS basics, and we will dive right into more advanced CSS layout. These techniques should have you writing more versatile future-proof stylesheets right away!


Syllabus

  • Target empty elements using the :empty pseudo-class
  • Target Positional Elements Using *-Of-Type CSS pseudo-classes
  • Create a fixed-fluid-fixed layout using CSS calc()
  • Dynamically Size Elements with Pure CSS
  • Easily Reset Styles With a Single CSS value
  • Layout Responsive Fluid Columns Using CSS
  • Control Image Aspect Ratio Using CSS

Taught by

Damon Bauer

Related Courses

Intro to HTML and CSS
Udacity
Responsive Web Design Fundamentals
Google via Udacity
HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX
CSS Basics
Microsoft via edX
Advanced CSS Concepts
Microsoft via edX