Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.
Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
42 Videos (4h 45m)
    • The Course Overview

      6:06
    • The Anatomy of a Rule Set and the Three Types of Style Sheets

      6:57
    • The Box Model and Block versus Inline Elements

      6:27
    • Text Editors

      6:51
    • CSS Reset

      7:51
    • Chrome Dev Tools

      4:56
    • Renaming Elements: Classes and IDs

      6:32
    • Descendant Selectors

      5:54
    • Floats Introduction – Flowing Text around Images

      5:08
    • Creating a Multicolumn Layout

      5:39
    • Solving the Problems of Floats

      7:23
    • Creating Buttons with Modular CSS

      5:17
    • Multiple Classes

      4:43
    • Specificity Rules

      7:41
    • Transitions

      6:44
    • Transforms

      7:01
    • Styling a Call to Action Button

      5:23
    • Gradients

      3:47
    • Starting the Navigation

      6:46
    • Using Pseudo Classes

      5:43
    • Absolute Positioning

      5:20
    • Building the Drop-down

      7:44
    • CSS Animations (Part 1)

      6:19
    • CSS Animations (Part 2)

      7:46
    • Finalizing the Navigation

      7:17
    • Fluid Grid

      11:13
    • Flexible Images

      8:18
    • Media Queries

      9:38
    • Mobile Menu

      10:54
    • Viewport Meta Tag

      3:23
    • The @font-face Property

      4:17
    • Font Kits and Font Services

      6:24
    • Google Web Fonts

      4:37
    • Subscription Font Foundries

      6:14
    • Icon Fonts

      10:40
    • 2x Images

      6:03
    • The JavaScript Approach

      7:14
    • 1.5x Images

      4:32
    • Background Images

      6:06
    • SVG

      10:08
    • Next Steps

      11:08
    • Conclusion and Links

      6:31

About This Class

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

About This Video
Understand the role of CSS in responsive web design
Write modular, reusable CSS for better management of stylesheets
Learn everything there is to know about creating a multi-column layout and menu using floats
Explore web fonts, icon fonts, SVG, and techniques used to support HiDPI devices

In Detail
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.

--

Students

--

Projects

0

Reviews (0)

Packt Publishing

Packt is the leading UK provider of Tech

Hello, we are Packt.

Packt is the leading UK provider of Technology eBooks, Coding eBooks, Videos and Blogs; helping IT professionals to put software to work.

Founded in 2004 in Birmingham, UK, Packt's mission is to help the world put software to work in new ways, through the delivery of effective learning and information services to IT professionals.

Working towards that vision, we have published over 5000 books and videos so far, providing IT professionals with the act...

See full profile

Technology Web Development