In this episode, we’re diving into the art of crafting high-performance HTML. Buckle up as we explore best practices, compression techniques, image optimization, and the magical wonders of semantic HTML. Let’s get started on the journey to lightning-fast web experiences!
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
Learn more about me.
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.
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.
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.
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.
Today, we embark on an adventure into the realm of the `<picture>` HTML tag, a powerful sorcerer’s tool for conjuring responsive and visually enchanting images on the web. Join me as we unveil the mysteries of this tag, understand its purpose, and wield its magic with joyous code examples.
Today, we embark on a thrilling adventure into the mystical world of CSS transformations. Buckle up as we dive deep into the arcane arts of scaling, rotating, skewing, and translating elements, turning your web pages into a canvas of enchantment.
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!
Today, we’re delving into the magical world of CSS pseudo-classes tailored for form validation. Imagine adding a dash of enchantment to your forms, guiding users through a captivating experience. Get ready to wield the power of pseudo-classes to conjure stylish validations!
Let’s embark on a journey to rediscover the forgotten trio of HTML tags - <var>, <sub>, and <sup>. Often overshadowed by their flashy companions, these humble tags play crucial roles in the web symphony. Get ready to add a touch of flair and functionality to your content as we dive into the world of variables, subscripts, and superscripts!