Profile picture

Full stack web developer and instructor.

I am Sébastien, a full stack web developer for more than ten years. Even after more than a decade, I am always learning and passing down my knowledge to bachelor graduates. Also I live in France, so… pardon my French.
Learn more about me.

Thumbnail CSS borders episode
Thumbnail for details and summary episode.
Thumbnail CSS padding episode
Thumbnail CSS backgrounds episode
Thumbnail picture tag episode.
10 minutes

Gridception Part 3 - The Grand Masterclass of Grid Mastery

Today, we embark on an epic expedition into the heart of the grid system of CSS one last time. We’ll navigate the intricate matrix of grid-row-start, grid-row-end, grid-column-start, grid-column-end, grid-row, grid-column, grid-template-areas, grid-area, grid-auto-flow, auto-fit, and auto-fill. Brace yourselves for a masterclass in positioning and dynamic flow, illustrated by a plethora of examples that will unravel the secrets of the grid universe.

6 minutes

Gridception Part 2 - The Celestial Symphony of Alignment and Spacing

Prepare to embark on a celestial odyssey through the cosmos of CSS Grid in this second thrilling episode. Today, we unravel the intricate dance of alignment and spacing, where grid elements and their cosmic configurations converge in a symphony of enchantment. Let’s dive into the cosmic ballet of justify-content, align-content, place-content, justify-items, align-items, place-items, justify-self, align-self, and the mystical gap property.

4 minutes

Gridception Part 1 - Navigating the Grid Universe with Columns and Rows

We embark on a perilous yet thrilling journey through the mysterious realm of CSS Grid. Buckle up as we unveil the ancient scrolls of grid sorcery, where columns and rows dance in harmony. Prepare for a quest where fractions, "auto", and "repeat" weave the fabric of fantastical layouts. And, of course, we’ll toss in a pinch of media query magic to make our grids responsive to the whims of screen size.

5 minutes

CSS Units Extravaganza: A Kaleidoscopic Tour of Dimensions and Metrics

Greetings, pixel pioneers, em explorers, and vw voyagers! Today, we embark on an enchanting odyssey through the vibrant landscape of CSS units. From pixels to ems, and from percentages to the exotic realms of pt, in, cm, and more, join us in unraveling the kaleidoscopic tapestry that adds depth and dimension to your web styles.

4 minutes

Demystifying the Magic of <meta> Tag: A Comprehensive Guide

Let’s embark on a thrilling journey to unravel the secrets of the <meta> tag in HTML. This seemingly humble tag holds the key to shaping the behavior of your web page and enhancing its presence in the vast landscape of the internet. Get ready for an in-depth exploration, sprinkled with fun and hands-on code examples!

Series

  1. Icon for the serie HTML (HyperText Markup Language)
    Serie
    HTML (HyperText Markup Language)
    Episodes
    13 episodes
  2. Icon for the serie CSS (Cascading Style Sheets)
    Serie
    CSS (Cascading Style Sheets)
    Episodes
    22 episodes