Learn the CSS Tricks for Custom Web Elements

A compilation of useful CSS tricks for you to use today

Course details

4.5∙2 Ratings0 reviews

Published

May 2017

Videos

Duration

2h 4m

Happy students

1080

Take this course

About the course

There are plenty of different CSS techniques you may not be aware of. In this mini course, we have compiled our best CSS tips and tricks for you to start watching and applying into your next project. Take your CSS skills to the next level and bring them to life with animations. Learn how to with our highly rated Animating with CSS course, by Donovan from CSS Animations Rocks.

Course Instructors

Russ Weakley

Russ is a world-renowned author, speaker and CSS expert. Russ has a detailed knowledge of Design and development. His expertise covers graphic design, interface design, site architecture and standards based development.

Guilherme Muller

Guilherme is a freelance full-stack developer with over 10 years of experience working with websites. With a passion for HTML and CSS, he specializes in the intricacies of building and structuring web pages and layouts.

Tommy Hodgins

Toronto-based frontend developer and designer specializing in responsive web design. I co-founded the EQCSS project, and actively participate in the discussion surrounding element queries, container queries, and scoped CSS. In my spare time I enjoy illustrating new ideas and techniques on Codepen, teaching HTML/CSS through local talks and workshops, and playing code golf with friends near and far.

Course Outline

Lesson 1: CSS Tips and Tricks

Free
Fluid Video Aspect Ratio with CSS and Element Queries
7:50
Locked
Adding Image Effects with CSS Filters
6:34
Locked
Creating Custom Checkboxes and Radio Buttons with CSS
9:47
Locked
Photoshop-like Blend Modes in CSS
7:28
Locked
Styling a Custom Select Menu with CSS
9:18
Locked
Master Centering Images in CSS with Three Simple Techniques
6:19
Locked
Creating an Upvote/Downvote CSS Module
10:29
Locked
Loading Images the Lazy Loading Way
11:48
Locked
Creating High Resolution Background Images
5:02
Locked
Getting Started with CSS Modules
6:16
Locked
Using CSS Counters to Customize Your HTML Lists
9:08
Locked
Using the CSS currentColor Variable
4:29
Locked
Remembering the Document Outline in a HTML5 World
7:32
Locked
Laying Out Text with the CSS Columns Property
7:57
Locked
Borders on Bootstrap Columns
5:18
Locked
Real World Quantity Queries In Action
5:51
Locked
Create Elegant and Responsive Bootstrap Buttons
3:14