O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CSS Specialist

Video Description

​There was a time when web sites didn't have to look great-- They were often designed by programmers with little or not design skill. People were forgiving of poor designs. Now, that has all changed. People expect your web site to not only be functional, but to look great. CSS will give you the ability to completely style your webpage to catch the attention of your audience. CSS is perhaps the ​​​​most ignored core skill for web developers and designers. With this course taught by development expert Andrew Snyder-Spak, you'll learn the foundations of CSS through more advanced topics like page layout. This course will teach you everything you need to layout HTML5 based content in traditional web browsers or mobile devices. Designed to be both approachable and fun, this course makes CSS easy to learn-- whether your an advanced coder or new to web development. Those who complete this course will be able to sit for the CSS Specialist Examination offered by publisher LearnToProgram.tv. (Additional Charge applies). When you pass the exam you'll earn the CSS Specialist Designation which may be displayed on your Linked in account and personal certificate verification page.

Table of Contents

  1. CSS3 Intro
    1. Welcome to the Course 00:00:46
    2. HelloWorld example 00:04:47
    3. CSS Introduction and Tools you will Need 00:04:26
    4. CSS Format 00:06:40
    5. Colors in CSS 00:08:52
    6. Comments in CSS 00:05:29
    7. Complex Selectors 00:09:33
    8. ID and Class Selectors 00:10:14
    9. 3 Methods of Linking CSS 00:11:25
    10. CSS3 new features 00:04:00
    11. Lab 1 Introduction 00:05:40
    12. Lab 1 Solution 00:06:25
  2. Styling Specific Elements
    1. Introduction 00:00:41
    2. Styling text 00:08:28
    3. Fonts in CSS 00:05:43
    4. Web Fonts 00:04:52
    5. Styling Tables and Lists 00:17:07
    6. Background Image Styling 00:12:32
    7. The Sliding Door Technique Part 1 00:13:38
    8. The Sliding Door Technique Part 2 00:09:13
    9. Using Sprite Sheets 00:12:24
    10. Creating a drop down menu with CSS Part 1 00:10:27
    11. Creating a drop down menu with CSS Part 2 00:09:32
    12. Lab 2 Introduction 00:03:42
    13. Lab 2 Solution 00:07:39
  3. The Box Model
    1. Introduction 00:00:44
    2. Introduction to the Box Model 00:09:52
    3. The Content Area of the Box Model Part 1 00:10:53
    4. The Content Area of the Box Model Part 2 00:07:26
    5. Border and Outline Styling for the Box Model 00:08:04
    6. Margin and Padding Styling for the Box Model 00:11:13
    7. Lab 3 Introduction 00:02:55
    8. Lab 3 Solution 00:05:56
  4. Animations with CSS3
    1. Introduction 00:00:39
    2. CSS3 Transform property 00:14:19
    3. CSS3 Transitions 00:11:47
    4. CSS3 Animations 00:08:46
    5. Lab 4 Introduction 00:03:26
    6. Lab 4 Solution 00:06:08
  5. Putting Elements Together
    1. Introduction 00:00:34
    2. The Display Property 00:11:39
    3. In Depth CSS Positioning 00:10:35
    4. Floating elements 00:09:01
    5. Lab 5 Introduction 00:04:21
    6. Lab 5 Solution 00:05:32
  6. Responsive Design for Web and Mobile
    1. Introduction 00:00:45
    2. The concepts of Adaptive and Responsive Design 00:05:27
    3. Testing on mobile devices 00:12:11
    4. Media Query 00:09:54
    5. Flexible Layouts 00:12:10
    6. Lab 6 Introduction 00:03:29
    7. Lab 6 Solution 00:07:15