Announcing Part 3 of our Illusion Series
On Aug 20th, we will learn how to create a colour slider using Javascript, CSS Variables and HSL.
Posts by Category
Announcements
Video Now Live: CSS Toggles with element.classList
The July 23rd CSS Toggle session is live on the Youtubes!
Announcing Part 2 of our Illusion Series
On July 23rd, we will add buttons that toggle (turn off/on) the split background and image to better illustrate this excellent illusion by Arthur Shapiro.
Video Now Live: Contrast Tissue Illusion - Part 1
The June 18th Tissue Contrast session is live on the Youtubes!
Challenges
Code Challenge: Colour sliders with JS, HSL and CSS Variables
Prerequisites Research into the following areas may help with this exercise. HTML range sliders CSS variables HSL colour Javascript variables Intr...
Code Challenge: CSS Toggles with element.classList
Prerequisites Research into the following areas may help with this exercise. CSS basics Class selectors Javascript variables Introduction to Javascr...
Code Challenge: Tissue Contrast Illusion
The goal of this exercise is to replicate the Tissue Contrast Illusion in the browser. We’ve broken the problem into logical steps and provided (hidden) samp...
Cheatsheet
Cheatsheet: Flexbox Cards
Getting Started with Flexbox The Mozilla Developer Network (MDN) has great resources for getting started with Flexobox: Learning Flexbox Test your skill...