Josh Comeau CSS for JavaScript Developers | C2F689363D3CF5366E5FDF3CAD0EF12538CB3F32

Josh Comeau CSS for JavaScript Developers

Name	Josh W Comeau - CSS for JavaScript Developers	DOWNLOAD Copy Link Trouble downloading? see How To
Total Size	11.3 GB
Total Files	493
Last Seen
Hash	C2F689363D3CF5366E5FDF3CAD0EF12538CB3F32

/Module 11 Video Archive/
20 office-hours-005-matchen.mp4	409.3 MB
Introduction/
01 Introduction • Josh W Comeau_s Course Platform (10_27_2021 4_58_00 PM) (2).html	483.4 KB
02 intro-welcome.mp4	225.7 MB
03 Course Structure • Josh W Comeau_s Course Platform (10_27_2021 5_00_25 PM).html	641.1 KB
04 Community • Josh W Comeau_s Course Platform (10_27_2021 5_00_38 PM).html	150.4 KB
05 Support • Josh W Comeau_s Course Platform (10_27_2021 5_00_50 PM).html	121.5 KB
00 CSS for JavaScript Developers • Josh W Comeau_s Course Platform (10_27_2021 4_56_47 PM).html	3.1 MB
Module 0 Fundamentals Recap/
01 Introduction • Josh W Comeau_s Course Platform (10_27_2021 5_01_31 PM).html	538.2 KB
02 Anatomy of a Style Rule • Josh W Comeau_s Course Platform (10_27_2021 5_02_18 PM).html	216.5 KB
03 Media Queries • Josh W Comeau_s Course Platform (10_27_2021 5_18_30 PM).html	540.4 KB
04 Selectors • Josh W Comeau_s Course Platform (10_27_2021 5_18_47 PM).html	321.7 KB
05 Pseudo-classes • Josh W Comeau_s Course Platform (10_27_2021 5_20_05 PM).html	482.8 KB
06 Pseudo-elements • Josh W Comeau_s Course Platform (10_27_2021 5_20_41 PM).html	546.2 KB
07 Combinators • Josh W Comeau_s Course Platform (10_27_2021 5_21_29 PM).html	580.5 KB
08 combinators.mp4	8.8 MB
09 Exercises • Josh W Comeau_s Course Platform (10_27_2021 5_23_36 PM).html	547.6 KB
10 Exercise.txt	1.0 KB
11 selector-exercise-solution.mp4	60.3 MB
12 Color • Josh W Comeau_s Course Platform (10_27_2021 5_24_57 PM).html	505.6 KB
13-color-formats.mp4	33.2 MB
14 Units • Josh W Comeau_s Course Platform (10_27_2021 5_26_09 PM).html	676.8 KB
15 Typography • Josh W Comeau_s Course Platform (10_27_2021 5_28_49 PM).html	936.5 KB
16 Debugging in the Browser • Josh W Comeau_s Course Platform (10_27_2021 5_29_17 PM).html	328.4 KB
17 debugging.mp4	72.0 MB
Module 1 Rendering Logic I/
01 Built-in Declarations and Inheritance • Josh W Comeau_s Course Platform (10_27_2021 5_31_13 PM).html	1.0 MB
02 inheritance.mp4	11.5 MB
03 The Cascade • Josh W Comeau_s Course Platform (10_27_2021 5_31_56 PM).html	399.3 KB
04 Directions • Josh W Comeau_s Course Platform (10_27_2021 5_32_20 PM).html	675.4 KB
05 The Box Model • Josh W Comeau_s Course Platform (10_27_2021 5_33_05 PM).html	822.1 KB
06 box-model-devtools.mp4	21.6 MB
07 box-sizing.mp4	24.3 MB
08.png	63.1 KB
09.png	66.7 KB
10.png	75.4 KB
11.png	63.9 KB
12.png	72.0 KB
13.png	63.9 KB
14.png	87.6 KB
15 Padding • Josh W Comeau_s Course Platform (10_27_2021 5_39_56 PM).html	658.0 KB
16 01-05-padding-units.mp4	15.5 MB
16.1.png	22.0 KB
17.png	46.5 KB
18.png	22.9 KB
19.png	49.4 KB
20.png	23.4 KB
21.png	66.5 KB
22.png	25.6 KB
23.png	49.1 KB
24.png	29.1 KB
25.png	68.1 KB
26.png	27.1 KB
27.png	64.3 KB
28 Border • Josh W Comeau_s Course Platform (10_27_2021 5_51_30 PM).html	826.2 KB
29 Margin • Josh W Comeau_s Course Platform (10_27_2021 5_52_17 PM).html	1.3 MB
30 margin-exercise-1.mp4	13.9 MB
31 margin-exercise-3.mp4	27.0 MB
32 Flow Layout • Josh W Comeau_s Course Platform (10_27_2021 5_54_22 PM).html	3.5 MB
33 Width Algorithms • Josh W Comeau_s Course Platform (10_27_2021 5_54_57 PM).html	1.9 MB
34 width-algorithm.mp4	30.3 MB
35 01-10-max-width-wrapper-refilm.mp4	11.8 MB
36 01-10-width-exercise-solution.mp4	20.8 MB
37 Height Algorithms • Josh W Comeau_s Course Platform (10_27_2021 5_57_43 PM).html	601.1 KB
38 Margin Collapse • Josh W Comeau_s Course Platform (10_27_2021 5_58_41 PM).html	584.5 KB
39.png	123.2 KB
40.png	122.2 KB
41.png	118.6 KB
42 margin-collapse.mp4	37.3 MB
43 Rules of Margin Collapse • Josh W Comeau_s Course Platform (10_27_2021 6_01_43 PM).html	718.2 KB
44 Will It Collapse_ • Josh W Comeau_s Course Platform (10_27_2021 6_03_02 PM).html	173.5 KB
45.png	18.7 KB
46.png	36.4 KB
47.png	41.6 KB
48.png	28.8 KB
49.png	54.2 KB
50.png	24.6 KB
51.png	47.0 KB
52.png	18.2 KB
53.png	43.8 KB
54.png	25.1 KB
55.png	52.4 KB
56.png	19.5 KB
57.png	56.6 KB
58.png	24.1 KB
59.png	30.8 KB
60.png	26.1 KB
61.png	32.7 KB
62.png	24.3 KB
63.png	31.0 KB
64.png	26.9 KB
65.png	34.7 KB
66.png	27.5 KB
67.png	35.1 KB
68.png	18.6 KB
69.png	24.5 KB
70.png	29.8 KB
71.png	29.4 KB
72 Using Margin Effectively • Josh W Comeau_s Course Platform (10_27_2021 6_11_10 PM).html	452.4 KB
73 Workshop_ Agency page • Josh W Comeau_s Course Platform (10_27_2021 6_12_02 PM).html	843.4 KB
74 Solution • Josh W Comeau_s Course Platform (10_27_2021 6_12_33 PM).html	280.4 KB
75 module-1-workshop.mp4	247.3 MB
Module 2 Rendering Logic II/
1 Relative Positioning • Josh W Comeau_s Course Platform (10_27_2021 6_14_06 PM).html	994.2 KB
2 Absolute Positioning • Josh W Comeau_s Course Platform (10_27_2021 6_14_24 PM).html	648.4 KB
3 absolute-sizes.mp4	48.8 MB
4 Centering Trick • Josh W Comeau_s Course Platform (10_27_2021 6_15_18 PM).html	501.2 KB
5 02-02-absolute-centering.mp4	17.4 MB
6 Containing Blocks • Josh W Comeau_s Course Platform (10_27_2021 6_16_18 PM).html	617.7 KB
7 Containing Puzzle • Josh W Comeau_s Course Platform (10_27_2021 6_16_36 PM).html	313.0 KB
8.png	31.2 KB
9.png	33.6 KB
10.png	43.7 KB
11.png	41.6 KB
12.png	44.7 KB
13.png	45.4 KB
14.png	28.0 KB
15.png	31.6 KB
16.png	40.9 KB
17.png	44.8 KB
18.png	45.1 KB
19.png	43.2 KB
20.png	39.9 KB
21.png	44.7 KB
22.png	36.2 KB
23.png	41.5 KB
24 Exercises • Josh W Comeau_s Course Platform (10_27_2021 6_21_47 PM).html	771.3 KB
25 containing-block-exercise-1.mp4	12.4 MB
26 02-06-tooltip-exercise-reshoot.mp4	24.7 MB
27 Stacking Contexts • Josh W Comeau_s Course Platform (10_27_2021 6_22_58 PM).html	656.6 KB
28 stacking-contexts-intro-fixed.mp4	33.2 MB
29 Managing z-index • Josh W Comeau_s Course Platform (10_27_2021 6_24_28 PM).html	2.0 MB
30 Portals • Josh W Comeau_s Course Platform (10_27_2021 6_28_19 PM).html	300.1 KB
31 02-10-portals-revised.mp4	77.1 MB
32 Fixed Positioning • Josh W Comeau_s Course Platform (10_27_2021 6_28_54 PM).html	887.8 KB
33 02-13-ex-solution.mp4	14.3 MB
34 Overflow • Josh W Comeau_s Course Platform (10_27_2021 6_33_03 PM).html	2.1 MB
35 Horizontal Overflow • Josh W Comeau_s Course Platform (10_27_2021 6_33_39 PM).html	5.0 MB
36 Positioned Layout • Josh W Comeau_s Course Platform (10_27_2021 6_34_13 PM).html	732.2 KB
37 Sticky Positioning • Josh W Comeau_s Course Platform (10_27_2021 6_34_51 PM).html	846.7 KB
38 Exercises • Josh W Comeau_s Course Platform (10_27_2021 6_35_20 PM).html	607.5 KB
39 sticky-exercise-solution-1.mp4	30.9 MB
40 sticky-exercise-solution-2.mp4	10.9 MB
41 Troubleshooting • Josh W Comeau_s Course Platform (10_27_2021 6_36_41 PM).html	519.5 KB
42 Hidden Content • Josh W Comeau_s Course Platform (10_27_2021 6_37_06 PM).html	603.5 KB
43 hidden-content-accessibility.mp4	47.3 MB
44 Workshop_ Character Creator • Josh W Comeau_s Course Platform (10_27_2021 6_37_50 PM).html	5.4 MB
45 module-2-workshop-brief.mp4	36.5 MB
46 Solution • Josh W Comeau_s Course Platform (10_27_2021 6_38_48 PM).html	564.1 KB
47 module-2-workshop-solution-1.mp4	17.2 MB
48 module-2-workshop-solution-2.mp4	74.3 MB
49 module-2-workshop-solution-3.mp4	53.1 MB
50 module-2-workshop-solution-4.mp4	57.3 MB
51 Mysterious Workshop Scrollburglar • Josh W Comeau_s Course Platform (10_27_2021 6_40_04 PM).html	1.1 MB
52 video-archive-14-scrollburglar.mp4	74.7 MB
Module 3 Modern Component Architecture/
1 Problems and Solutions • Josh W Comeau_s Course Platform (10_27_2021 6_41_50 PM).html	826.8 KB
2 03-01-intro.mp4	156.3 MB
3 03-01-styled-components.mp4	172.5 MB
4 Ecosystem World Tour • Josh W Comeau_s Course Platform (10_27_2021 6_42_52 PM).html	496.1 KB
5 styled-components 101 • Josh W Comeau_s Course Platform (10_27_2021 6_43_16 PM).html	575.6 KB
6 03-03-styled-components-worked-example.mp4	123.7 MB
7 Installation and Setup • Josh W Comeau_s Course Platform (10_27_2021 6_44_05 PM).html	1.1 MB
8 Performance • Josh W Comeau_s Course Platform (10_27_2021 6_44_23 PM).html	1.0 MB
9 Exercises • Josh W Comeau_s Course Platform (10_27_2021 6_44_41 PM).html	672.8 KB
10 03-06-exercise-1.mp4	30.1 MB
11 03-06-exercise-2.mp4	49.2 MB
12 03-06-exercise-3.mp4	33.4 MB
13 Global Styles • Josh W Comeau_s Course Platform (10_27_2021 6_45_47 PM).html	533.4 KB
14 03-07-my-global-styles.mp4	71.5 MB
15 Dynamic Styles • Josh W Comeau_s Course Platform (10_27_2021 6_46_18 PM).html	522.1 KB
16 03-08-dynamic-styles.mp4	60.3 MB
17 Exercises (pt. 2) • Josh W Comeau_s Course Platform (10_27_2021 6_46_53 PM).html	684.1 KB
18 03-09-ex1.mp4	50.8 MB
19 03-09-ex2.mp4	46.0 MB
20 Component Libraries • Josh W Comeau_s Course Platform (10_27_2021 6_47_46 PM).html	467.5 KB
21 03-10-css-specialty.mp4	66.4 MB
22 03-10-component-libraries-third-party.mp4	87.8 MB
23 Breadcrumbs • Josh W Comeau_s Course Platform (10_27_2021 6_48_45 PM).html	4.1 MB
24 03-11-breadcrumbs.mp4	84.1 MB
25 Button • Josh W Comeau_s Course Platform (10_27_2021 6_49_41 PM).html	743.5 KB
26 03-12-button-brief.mp4	19.4 MB
27 03-12-button-solution.mp4	156.4 MB
28 Dynamic tags • Josh W Comeau_s Course Platform (10_27_2021 6_50_53 PM).html	543.5 KB
29 03-13-link-button.mp4	31.5 MB
30 Escape Hatches • Josh W Comeau_s Course Platform (10_27_2021 6_51_40 PM).html	625.4 KB
31 Single Source of Styles • Josh W Comeau_s Course Platform (10_27_2021 6_52_01 PM).html	703.3 KB
32 03-15-source-of-styles-brief.mp4	43.3 MB
33 03-15-source-of-styles-solution.mp4	65.9 MB
34 In Summary • Josh W Comeau_s Course Platform (10_27_2021 6_52_54 PM).html	454.1 KB
35 Workshop_ Mini Component Library • Josh W Comeau_s Course Platform (10_27_2021 6_53_11 PM).html	801.3 KB
36 03-workshop-brief.mp4	48.5 MB
37 ProgressBar • Josh W Comeau_s Course Platform (10_27_2021 6_53_39 PM).html	350.6 KB
38 03-workshop-progress-solution.mp4	161.2 MB
39 Select • Josh W Comeau_s Course Platform (10_27_2021 6_54_11 PM).html	426.1 KB
40 03-workshop-select-solution.mp4	214.8 MB
41 IconInput • Josh W Comeau_s Course Platform (10_27_2021 6_54_36 PM).html	546.3 KB
42 03-workshop-IconInput-solution.mp4	240.6 MB
Module 4 Flexbox/
1 Hello Flexbox! • Josh W Comeau_s Course Platform (10_27_2021 6_55_50 PM).html	624.9 KB
2 04-01-hello-flex.mp4	104.6 MB
3 Directions and alignment • Josh W Comeau_s Course Platform (10_27_2021 6_56_22 PM).html	1.6 MB
04 04-02-cardinality.mp4	58.7 MB
05 04-02-ex1-solutions.mp4	5.6 MB
06 04-02-ex2-solution.mp4	13.7 MB
07 04-02-solution-3.mp4	28.5 MB
08 Alignment Tricks • Josh W Comeau_s Course Platform (10_27_2021 6_57_43 PM).html	1.1 MB
09 04-03-align-center-pseudo-exercise.mp4	29.3 MB
10 04-03-exercise-solution.mp4	20.9 MB
11 Growing and Shrinking • Josh W Comeau_s Course Platform (10_27_2021 7_00_11 PM).html	1.1 MB
12 04-04-grow-shrink-basis.mp4	65.0 MB
13 04-04-ex1-solution.mp4	11.9 MB
14 The “flex” shorthand • Josh W Comeau_s Course Platform (10_27_2021 7_01_04 PM).html	3.9 MB
15 04-05-flex-shorthand.mp4	46.3 MB
16 04-05-ex1-solution.mp4	33.1 MB
17 Constraints • Josh W Comeau_s Course Platform (10_27_2021 7_01_53 PM).html	947.2 KB
18 04-06-ex1-solution.mp4	6.4 MB
19 04-constraints-ex2-solution.mp4	68.1 MB
20 Shorthand Gotchas • Josh W Comeau_s Course Platform (10_27_2021 7_02_34 PM).html	325.4 KB
21 04-07-shorthand-gotcha.mp4	19.3 MB
22 Wrapping • Josh W Comeau_s Course Platform (10_27_2021 7_03_02 PM).html	1.1 MB
23 04-08-wrap-intro.mp4	36.8 MB
24 04-08-wrapping-content-vs-items.mp4	26.3 MB
25 04-08-ex1-solution.mp4	20.2 MB
26 Groups and Gaps • Josh W Comeau_s Course Platform (10_27_2021 7_04_09 PM).html	1.3 MB
27 04-09-gap.mp4	32.1 MB
28 04-09-ex1-solution.mp4	9.4 MB
29 04-09-ex2-solution.mp4	58.6 MB
30 Ordering • Josh W Comeau_s Course Platform (10_27_2021 7_05_13 PM).html	929.9 KB
31 04-10-ex1-solution.mp4	29.7 MB
32 Flexbox Interactions • Josh W Comeau_s Course Platform (10_27_2021 7_05_53 PM).html	850.2 KB
33 04-12-ex1-solution.mp4	65.0 MB
34 Recipes • Josh W Comeau_s Course Platform (10_27_2021 7_06_22 PM).html	2.9 MB
35 04-13-holy-grail.mp4	35.0 MB
36 04-13-sticky-troubleshooting.mp4	22.2 MB
37 04-13-overstuffed.mp4	10.4 MB
38 Workshop_ Sole_Ankle • Josh W Comeau_s Course Platform (10_27_2021 7_08_12 PM).html	3.9 MB
39 04-workshop-housekeeping.mp4	20.2 MB
40 Solution • Josh W Comeau_s Course Platform (10_27_2021 7_08_43 PM).html	649.0 KB
41 04-workshop-ex1-solution.mp4	63.1 MB
42 04-workshop-ex2-solution.mp4	61.8 MB
43 04-workshop-ex3-solution.mp4	80.1 MB
44 04-workshop-ex4-solution.mp4	78.8 MB
45 04-workshop-ex5-solution.mp4	98.0 MB
Module 5 Responsive and Behavioural CSS/
01 Introduction • Josh W Comeau_s Course Platform (10_27_2021 7_10_39 PM).html	645.5 KB
02 Working with Mobile Devices • Josh W Comeau_s Course Platform (10_27_2021 7_11_01 PM).html	3.5 MB
03 Mobile Testing • Josh W Comeau_s Course Platform (10_27_2021 7_11_28 PM).html	4.3 MB
04 Media Queries • Josh W Comeau_s Course Platform (10_27_2021 7_12_01 PM).html	580.9 KB
05 Exercises • Josh W Comeau_s Course Platform (10_27_2021 7_12_20 PM).html	1.0 MB
06 05-04-ex1-solution.mp4	25.8 MB
07 05-05-modal-exercise.mp4	50.9 MB
08 05-05-accessible-modals.mp4	52.8 MB
09 Other Queries • Josh W Comeau_s Course Platform (10_27_2021 7_13_17 PM).html	354.9 KB
10 Breakpoints • Josh W Comeau_s Course Platform (10_27_2021 7_13_45 PM).html	1.2 MB
11 CSS Variables • Josh W Comeau_s Course Platform (10_27_2021 7_14_12 PM).html	843.9 KB
12 05-07-css-variables-solution.mp4	14.9 MB
13 Variable Fragments • Josh W Comeau_s Course Platform (10_27_2021 7_14_50 PM).html	2.1 MB
14 05-08-ex1-solution.mp4	24.1 MB
15 05-08-ex2-solution.mp4	27.2 MB
16 The Magic of Calc • Josh W Comeau_s Course Platform (10_27_2021 7_16_31 PM).html	1.5 MB
17 05-art-project.mp4	141.1 MB
18 Viewport Units • Josh W Comeau_s Course Platform (10_27_2021 7_17_17 PM).html	1.7 MB
19 Clamping Values • Josh W Comeau_s Course Platform (10_27_2021 7_17_43 PM).html	7.4 MB
20 05-11-exercise-solution.mp4	53.1 MB
21 Scrollburglars • Josh W Comeau_s Course Platform (10_27_2021 7_18_19 PM).html	676.0 KB
22 05-13-scrollburglars-01-final.mp4	43.3 MB
23 05-13-scrollburglars-02.mp4	89.6 MB
24 05-13-scrollburglar-03-solution.mp4	77.7 MB
25 05-13-scrollburglars-3-extras.mp4	81.6 MB
26 Responsive Typography • Josh W Comeau_s Course Platform (10_27_2021 7_19_59 PM).html	1.4 MB
27 Fluid Typography • Josh W Comeau_s Course Platform (10_27_2021 7_21_22 PM).html	702.8 KB
28 Fluid Calculator • Josh W Comeau_s Course Platform (10_27_2021 7_21_47 PM).html	777.5 KB
29 05-16-fluid-typography-ex1-solution.mp4	9.6 MB
30 05-16-fluid-gap-ex2-solution.mp4	9.9 MB
31 Fluid Design • Josh W Comeau_s Course Platform (10_27_2021 7_22_54 PM).html	867.6 KB
32 05-14-fluid-vs-responsive.mp4	76.0 MB
33 Workshop • Josh W Comeau_s Course Platform (10_27_2021 7_23_47 PM).html	306.1 KB
34 Solution • Josh W Comeau_s Course Platform (10_27_2021 7_24_04 PM).html	732.6 KB
35 05-workshop-part1-solution.mp4	60.1 MB
36 05-workshop-part2-solution.mp4	118.3 MB
37 05-workshop-03-solution.mp4	103.9 MB
38 05-workshop-04-solution.mp4	116.8 MB
39 05-workshop-ex5-solution.mp4	86.1 MB
40 05-workshop-ex6-solution-fix.mp4	61.4 MB
Module 6 Typography and Images/
01 Introduction • Josh W Comeau_s Course Platform (10_27_2021 7_26_19 PM).html	577.3 KB
02 Text Rendering • Josh W Comeau_s Course Platform (10_27_2021 7_26_38 PM).html	3.6 MB
03 Text Overflow • Josh W Comeau_s Course Platform (10_27_2021 7_27_10 PM).html	2.8 MB
04 06-03-ex-solution.mp4	22.3 MB
05 Print-style Layouts • Josh W Comeau_s Course Platform (10_27_2021 7_28_07 PM).html	4.0 MB
06 06-04-solution.mp4	61.3 MB
07 Masonry Grid with Columns • Josh W Comeau_s Course Platform (10_27_2021 7_28_44 PM).html	18.2 MB
08 06-05-masonry-layout-intro.mp4	53.5 MB
09 Text Styling • Josh W Comeau_s Course Platform (10_27_2021 7_29_19 PM).html	1.5 MB
10 Font Stacks • Josh W Comeau_s Course Platform (10_27_2021 7_29_32 PM).html	601.2 KB
11 Web Fonts • Josh W Comeau_s Course Platform (10_27_2021 7_30_00 PM).html	609.7 KB
12 Font Loading UX • Josh W Comeau_s Course Platform (10_27_2021 7_30_19 PM).html	625.9 KB
13 Font Optimization • Josh W Comeau_s Course Platform (10_27_2021 7_30_32 PM).html	312.3 KB
14 06-10-stealing-google-fonts.mp4	67.2 MB
15 Variable Fonts • Josh W Comeau_s Course Platform (10_27_2021 7_31_15 PM).html	1.5 MB
16 06-11-google-fonts.mp4	37.3 MB
17 06-11-variable-fonts-ex-solution.mp4	44.1 MB
18 Icons • Josh W Comeau_s Course Platform (10_27_2021 7_32_12 PM).html	538.6 KB
19 Images • Josh W Comeau_s Course Platform (10_27_2021 7_32_32 PM).html	589.8 KB
20 Fit and Position • Josh W Comeau_s Course Platform (10_27_2021 7_32_53 PM).html	854.5 KB
21 06-14-object-fit-demo.mp4	25.3 MB
22 06-14-ex-solution.mp4	7.7 MB
23 Images and Flexbox • Josh W Comeau_s Course Platform (10_27_2021 7_34_17 PM).html	1.9 MB
24 06-15-flexbox-interactions.mp4	61.6 MB
25 06-15-ex-solution.mp4	27.0 MB
26 Aspect Ratio • Josh W Comeau_s Course Platform (10_27_2021 7_35_14 PM).html	3.8 MB
27 Responsive Images • Josh W Comeau_s Course Platform (10_27_2021 7_35_43 PM).html	666.8 KB
28 Background Images • Josh W Comeau_s Course Platform (10_27_2021 7_36_06 PM).html	1.9 MB
29 Workshop_ Unsprinkle • Josh W Comeau_s Course Platform (10_27_2021 7_36_18 PM).html	4.4 MB
30 Solution • Josh W Comeau_s Course Platform (10_27_2021 7_36_31 PM).html	631.4 KB
31 06-workshop-solution-01.mp4	68.9 MB
32 06-workshop-solution-02.mp4	127.8 MB
33 06-workshop-solution-3.mp4	53.9 MB
34 06-workshop-solution-04.mp4	92.3 MB
Module 7 CSS Grid/
3.png	27.4 KB
4.png	47.1 KB
5.png	40.8 KB
6.png	63.0 KB
7.png	49.9 KB
8.png	28.2 KB
9.png	50.7 KB
01 Introduction • Josh W Comeau_s Course Platform (10_27_2021 7_38_05 PM).html	3.2 MB
02 Mental Model • Josh W Comeau_s Course Platform (10_27_2021 7_38_27 PM).html	832.4 KB
10.png	33.9 KB
11.png	46.7 KB
13.png	35.5 KB
14.png	59.1 KB
15.png	29.3 KB
16.png	52.6 KB
17.png	44.7 KB
18.png	64.5 KB
19.png	37.1 KB
20.png	56.2 KB
21.png	36.0 KB
22.png	55.0 KB
23.png	35.9 KB
24.png	63.7 KB
25.png	112.5 KB
26.png	134.0 KB
27 Browser Support • Josh W Comeau_s Course Platform (10_27_2021 7_43_14 PM).html	342.0 KB
28 Grid Flow and Layout Modes • Josh W Comeau_s Course Platform (10_27_2021 7_45_23 PM).html	698.4 KB
29 07-04-grid-devtools.mp4	32.1 MB
30 Grid Construction • Josh W Comeau_s Course Platform (10_27_2021 7_45_58 PM).html	1.6 MB
31 07-05-ex1-solution.mp4	23.5 MB
32 07-05-ex2-solution.mp4	18.2 MB
33 Alignment • Josh W Comeau_s Course Platform (10_27_2021 7_47_09 PM).html	1.5 MB
34 07-06-when-to-use-each.mp4	73.3 MB
35 07-06-ex1-solution.mp4	9.4 MB
36 07-06-ex2-solution.mp4	18.6 MB
37 Grid Areas • Josh W Comeau_s Course Platform (10_27_2021 7_48_18 PM).html	712.6 KB
38 07-06-grid-areas.mp4	32.4 MB
39 07-06-ex-solution.mp4	21.6 MB
40 Tracks and Lines • Josh W Comeau_s Course Platform (10_27_2021 7_48_57 PM).html	559.7 KB
41 07-07-tracks-and-lines.mp4	52.7 MB
42 Fluid Grids • Josh W Comeau_s Course Platform (10_27_2021 7_49_45 PM).html	734.1 KB
43 07-08-ex-solution.mp4	33.6 MB
44 Subgrid • Josh W Comeau_s Course Platform (10_27_2021 7_50_13 PM).html	328.9 KB
45 Grid Dividers • Josh W Comeau_s Course Platform (10_27_2021 7_51_47 PM).html	7.8 MB
46 Grid Recipes • Josh W Comeau_s Course Platform (10_27_2021 7_51_59 PM).html	155.2 KB
47 Two-Line Center • Josh W Comeau_s Course Platform (10_27_2021 7_52_16 PM).html	468.0 KB
48 Sticky Grids • Josh W Comeau_s Course Platform (10_27_2021 7_52_35 PM).html	747.6 KB
49 07-11-sticky-grids.mp4	50.7 MB
50 Full Bleed Layouts • Josh W Comeau_s Course Platform (10_27_2021 7_53_12 PM).html	3.6 MB
51 Managing Overflow • Josh W Comeau_s Course Platform (10_27_2021 7_53_46 PM).html	2.5 MB
52 Grid Quirks • Josh W Comeau_s Course Platform (10_27_2021 7_54_50 PM).html	554.2 KB
53 Workshop_ New Grid Times • Josh W Comeau_s Course Platform (10_27_2021 7_55_06 PM).html	2.7 MB
54 07-workshop-intro.mp4	24.6 MB
55 Solution • Josh W Comeau_s Course Platform (10_27_2021 7_55_32 PM).html	931.6 KB
56 07-workshop-ex1-solution.mp4	144.2 MB
57 07-workshop-ex2-part1.mp4	56.5 MB
58 07-workshop-ex2-part2.mp4	45.5 MB
59 07-workshop-ex2-part3.mp4	29.4 MB
60 07-workshop-ex2-aside.mp4	45.9 MB
61 07-workshop-ex3-solution.mp4	183.6 MB
62 07-workshop-ex4-solution.mp4	106.6 MB
63 07-workshop-ex5-solution.mp4	70.6 MB
Module 8 Animations/
01 Introduction • Josh W Comeau_s Course Platform (10_27_2021 7_58_23 PM).html	599.5 KB
02 Transforms • Josh W Comeau_s Course Platform (10_27_2021 7_58_45 PM).html	4.4 MB
03 08-01-ex1-solution.mp4	14.1 MB
04 CSS Transitions • Josh W Comeau_s Course Platform (10_27_2021 7_59_21 PM).html	3.6 MB
05 08-02-doom-flicker.mp4	27.0 MB
06 08-02-ex1-solution.mp4	9.4 MB
07 08-02-ex-2.mp4	26.2 MB
08 Keyframe Animations • Josh W Comeau_s Course Platform (10_27_2021 8_00_28 PM).html	870.9 KB
09 Fill Modes • Josh W Comeau_s Course Platform (10_27_2021 8_00_58 PM).html	840.7 KB
10 Dynamic Updates • Josh W Comeau_s Course Platform (10_27_2021 8_01_14 PM).html	480.3 KB
11 With styled-components • Josh W Comeau_s Course Platform (10_27_2021 8_01_27 PM).html	334.7 KB
12 Exercises • Josh W Comeau_s Course Platform (10_27_2021 8_01_56 PM).html	591.9 KB
13 08-05-ex1-solution.mp4	16.5 MB
14 08-05-ex2-solution.mp4	17.6 MB
15 Animation performance • Josh W Comeau_s Course Platform (10_27_2021 8_02_50 PM).html	626.4 KB
16 Designing Animations • Josh W Comeau_s Course Platform (10_27_2021 8_03_23 PM).html	482.8 KB
17 Action-Driven Animation • Josh W Comeau_s Course Platform (10_27_2021 8_03_48 PM).html	582.0 KB
18 08-10-ex-solutioon.mp4	52.1 MB
19 Orchestration • Josh W Comeau_s Course Platform (10_27_2021 8_04_29 PM).html	670.1 KB
20 Accessibility • Josh W Comeau_s Course Platform (10_27_2021 8_04_52 PM).html	4.1 MB
21 08-12-solution.mp4	16.2 MB
22 3D Transforms • Josh W Comeau_s Course Platform (10_27_2021 8_05_35 PM).html	19.4 MB
23 Flippable Card • Josh W Comeau_s Course Platform (10_27_2021 8_06_09 PM).html	2.7 MB
24 08-12-flippable-card.mp4	19.4 MB
25 08-14-ex-solution.mp4	132.5 MB
26 Transform Style • Josh W Comeau_s Course Platform (10_27_2021 8_07_23 PM).html	1.2 MB
27 Ecosystem World Tour • Josh W Comeau_s Course Platform (10_27_2021 8_07_59 PM).html	673.1 KB
28 Workshop • Josh W Comeau_s Course Platform (10_27_2021 8_08_16 PM).html	412.6 KB
29 Solution • Josh W Comeau_s Course Platform (10_27_2021 8_08_30 PM).html	502.7 KB
30 mod8-workshop-ex1-solution.mp4	99.9 MB
31 mod8-workshop-ex1-solution-bonus.mp4	28.3 MB
32 mod8-workshop-ex2-solution.mp4	51.1 MB
Module 9 Little Big Details/
01 Introduction • Josh W Comeau_s Course Platform (10_27_2021 8_09_39 PM).html	612.1 KB
02 CSS Filters • Josh W Comeau_s Course Platform (10_27_2021 8_09_57 PM).html	409.5 KB
03 Color Manipulation • Josh W Comeau_s Course Platform (10_27_2021 8_10_24 PM).html	1.4 MB
04 Blur Filter • Josh W Comeau_s Course Platform (10_27_2021 8_10_41 PM).html	951.8 KB
05 09-01-blur-glow-trick.mp4	36.8 MB
06 Backdrop Filters • Josh W Comeau_s Course Platform (10_27_2021 8_11_05 PM).html	1.2 MB
07 Border Radius • Josh W Comeau_s Course Platform (10_27_2021 8_11_38 PM).html	719.7 KB
08 Nested Radiuses • Josh W Comeau_s Course Platform (10_27_2021 8_12_18 PM).html	1.1 MB
09 Circular Radius • Josh W Comeau_s Course Platform (10_27_2021 8_12_32 PM).html	521.0 KB
10 Shadows • Josh W Comeau_s Course Platform (10_27_2021 8_12_48 PM).html	526.9 KB
11 Contoured Shadows • Josh W Comeau_s Course Platform (10_27_2021 8_13_39 PM).html	960.6 KB
12.png	38.9 KB
13 Single-Sided Shadows • Josh W Comeau_s Course Platform (10_27_2021 8_14_07 PM).html	524.9 KB
14 Inset Shadows • Josh W Comeau_s Course Platform (10_27_2021 8_14_20 PM).html	577.3 KB
15 Exercises • Josh W Comeau_s Course Platform (10_27_2021 8_14_37 PM).html	2.4 MB
16 09-02-03-ex1-solution.mp4	6.4 MB
17 09-03-ex2-solution.mp4	51.8 MB
18 Designing Shadows • Josh W Comeau_s Course Platform (10_27_2021 8_15_32 PM).html	2.0 MB
19 Colors • Josh W Comeau_s Course Platform (10_27_2021 8_15_44 PM).html	176.0 KB
20 Accessibility • Josh W Comeau_s Course Platform (10_27_2021 8_16_13 PM).html	4.2 MB
21 09-05-ex-solution.mp4	53.9 MB
22 Selection Colors • Josh W Comeau_s Course Platform (10_27_2021 8_17_16 PM).html	677.5 KB
23 Accent Colors • Josh W Comeau_s Course Platform (10_27_2021 8_17_33 PM).html	650.9 KB
24 Gradients • Josh W Comeau_s Course Platform (10_27_2021 8_17_46 PM).html	399.8 KB
25 Linear Gradients • Josh W Comeau_s Course Platform (10_27_2021 8_18_08 PM).html	1.0 MB
26 Radial Gradients • Josh W Comeau_s Course Platform (10_27_2021 8_18_41 PM).html	643.2 KB
27 Conic Gradients • Josh W Comeau_s Course Platform (10_27_2021 8_19_17 PM).html	1.1 MB
28 Easing Gradients • Josh W Comeau_s Course Platform (10_27_2021 8_19_33 PM).html	634.3 KB
29 Exercises • Josh W Comeau_s Course Platform (10_27_2021 8_19_58 PM).html	4.1 MB
30 09-04-easing-gradient-ex-solution.mp4	40.6 MB
31 09-04-easing-gradient-ex2-real-solution.mp4	26.7 MB
32 09-05-05-ex3-solution.mp4	30.0 MB
33 Gradient Dead Zones • Josh W Comeau_s Course Platform (10_27_2021 8_21_00 PM).html	1.2 MB
34 Mobile UX Improvements • Josh W Comeau_s Course Platform (10_27_2021 8_23_44 PM).html	593.8 KB
35 Pointer Events • Josh W Comeau_s Course Platform (10_27_2021 8_24_07 PM).html	1.4 MB
36 Clipping With clip-path • Josh W Comeau_s Course Platform (10_27_2021 8_24_28 PM).html	487.9 KB
37 09-08-clip-path-polygon.mp4	16.2 MB
38 Animations • Josh W Comeau_s Course Platform (10_27_2021 8_24_51 PM).html	445.0 KB
39 Rounded Shapes • Josh W Comeau_s Course Platform (10_27_2021 8_25_04 PM).html	1.2 MB
40 With Shadows • Josh W Comeau_s Course Platform (10_27_2021 8_25_13 PM).html	434.0 KB
41 Exercises • Josh W Comeau_s Course Platform (10_27_2021 8_25_34 PM).html	754.5 KB
42 09-10-ex1-solution.mp4	18.5 MB
43 09-10-ex2-solution.mp4	27.5 MB
44 Optical Alignment • Josh W Comeau_s Course Platform (10_27_2021 8_26_13 PM).html	614.3 KB
45 09-09-optical-alignment.mp4	52.1 MB
46 Scrolling • Josh W Comeau_s Course Platform (10_27_2021 8_26_36 PM).html	175.2 KB
47 Smooth Scrolling • Josh W Comeau_s Course Platform (10_27_2021 8_26_55 PM).html	714.1 KB
48 Scroll Snapping • Josh W Comeau_s Course Platform (10_27_2021 8_27_19 PM).html	1.9 MB
49 09-10-02-scroll-snapping-solution.mp4	19.7 MB
50 Scrollbar Colors • Josh W Comeau_s Course Platform (10_27_2021 8_27_52 PM).html	982.4 KB
51 Scroll Optimization • Josh W Comeau_s Course Platform (10_27_2021 8_28_22 PM).html	706.0 KB
52 Focus Improvements • Josh W Comeau_s Course Platform (10_27_2021 8_28_31 PM).html	175.3 KB
53 Focus Visible • Josh W Comeau_s Course Platform (10_27_2021 8_28_45 PM).html	569.9 KB
54 Focus Within • Josh W Comeau_s Course Platform (10_27_2021 8_29_02 PM).html	452.2 KB
55 Focus Outlines • Josh W Comeau_s Course Platform (10_27_2021 8_29_14 PM).html	486.2 KB
56 Floats • Josh W Comeau_s Course Platform (10_27_2021 8_29_30 PM).html	1.8 MB
57 In Conclusion • Josh W Comeau_s Course Platform (10_27_2021 8_29_43 PM).html	230.9 KB
Module 10 Bonus Content/
01 Intro to Figma • Josh W Comeau_s Course Platform (10_27_2021 8_30_35 PM).html	243.6 KB
02 bonus-figma.mp4	105.9 MB
03 Intro to React • Josh W Comeau_s Course Platform (10_27_2021 8_30_51 PM).html	473.2 KB
04 react-workshop.mp4	150.1 MB
Module 11 Video Archive/
01 flex-basis Quirk • Josh W Comeau_s Course Platform (10_27_2021 8_32_11 PM).html	1.3 MB
02 video-archive-13.mp4	57.0 MB
03 Floating Tooltip • Josh W Comeau_s Course Platform (10_27_2021 8_32_29 PM).html	1.0 MB
04 video-archive-011-floating-tooltip.mp4	66.9 MB
05 “Subway Track” Table of Contents UI • Josh W Comeau_s Course Platform (10_27_2021 8_32_48 PM).html	1.4 MB
06 video-archive-11.mp4	159.7 MB
07 Grid Row “fr” Weirdness • Josh W Comeau_s Course Platform (10_27_2021 8_33_04 PM).html	1.0 MB
08 video-archive-010.mp4	34.6 MB
09 Recreating the Mozilla Hiding Header • Josh W Comeau_s Course Platform (10_27_2021 8_33_40 PM).html	1.0 MB
10 video-archive-009.mp4	219.9 MB
11 Creating a Slide-in Effect on Hover • Josh W Comeau_s Course Platform (10_27_2021 8_34_05 PM).html	962.4 KB
12 video-archive-008.mp4	82.9 MB
13 Benefits of styled-components • Josh W Comeau_s Course Platform (10_27_2021 8_34_26 PM).html	938.3 KB
14 video-archive-007.mp4	171.2 MB
15 A Zig-Zag Layout With CSS Grid and Transforms • Josh W Comeau_s Course Platform (10_27_2021 8_34_49 PM).html	1.1 MB
16 video-archive-006.mp4	103.7 MB
17 Recreating YouTube’s Surprisingly-Tricky Sidebar • Josh W Comeau_s Course Platform (10_27_2021 8_35_10 PM).html	1.7 MB
18 video-archive-5-youtube-sidebar.mp4	321.1 MB
19 Creating a Staggered Grid Layout • Josh W Comeau_s Course Platform (10_27_2021 8_35_25 PM).html	970.1 KB
21 “Content” vs. “items” in Flexbox • Josh W Comeau_s Course Platform (10_27_2021 8_36_05 PM).html	1.1 MB
22 office-hours-004.mp4	84.4 MB
23 Do I Need A CSS Grid Framework_ • Josh W Comeau_s Course Platform (10_27_2021 8_36_21 PM).html	963.1 KB
24 office-hours-03.mp4	123.1 MB
25 Floating Labels on Form Inputs • Josh W Comeau_s Course Platform (10_27_2021 8_36_40 PM).html	993.6 KB
26 office-hours-002.mp4	75.3 MB
Total files 493