Learn more CSS with Mozilla Developer Docs

During the Programming Classes, I teach a lot of basics on HTML and CSS. Eventually, we're venturing out into more advanced topics that students might want to take on at home. During that time, I'm answering a lot of questions via email but also encourage everybody to work with documentation sites like MDN (Mozilla Developer… Continue reading Learn more CSS with Mozilla Developer Docs

React and CSS Grid

https://youtu.be/BkHpFdr2SLs Last night's Twitch stream was all about CSS Grid (at least the basics) and React. Also, a first for me: building a React App on Glitch.com and not my local machine. Having everything inside the browser worked better for streaming and also no time spent on tooling installation! The app implements the so-called ABC… Continue reading React and CSS Grid

HTML and CSS Intro Livestream

Hi all! Today I did my first actual Twitch Live Stream. I'm still working on my setup but I'll get there! ✌ Here's the recording: https://www.youtube.com/watch?v=A3O5Y29vNtM Source Code: https://glitch.com/~twitch-html-css-introFollow me on Twitch: https://twitch.tv/21lessonsFollow me on Instagram: https://instagram.com/21lessons Also make sure to check out https://21-lessons.com/2020/04/17/21-lessons-is-live-on-twitch/ for upcoming streams!

Have you thought about getting into programming?

Is it essential for you to understand more about web browsers and web technologies? Great! Let's start learning! In February, I started a new course at the local library to teach Web Development basics. To make this knowledge more widely available, you can download the first lesson as a zine! With this zine, you can… Continue reading Have you thought about getting into programming?

Build a typing text animation with CSS and JavaScript

I was always wondering what it would take to build an text typing animation in the browser. Let's find out how we can build this. Step 1 Create a new project on Glitch.com. Choose the "Hello Webpage" template. Step 2   In index.html, delete everything in <body> and in <head>, add https://code.jquery.com/jquery-3.4.1.min.js     /script.js We load jQuery… Continue reading Build a typing text animation with CSS and JavaScript