Posts on web development mostly, sometimes not 🤷‍♂️

Either « long » written posts on backend and frontend web development or short bits on how I solved one specific problem. All of this seasoned with food recipes from time to time.

3 minutes

Optimizing HTML for Performance - Unleashing Web Efficiency! 🚀

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!

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

CSS Transfiguration: Unleashing the Magic of Transformations

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.

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!

3 minutes

Mastering Validation Magic: A CSS Pseudo-class Extravaganza for Forms

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!

3 minutes

Unveiling the Forgotten Trio: <var>, <sub>, and <sup> - HTML’s Unsung Heroes! 🦸‍♂️

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!

3 minutes

Diving Deep into the CSS Realm: A Tale of Pseudo-elements

Today, we embark on a thrilling quest into the hidden corners of CSS—specifically, the captivating realm of pseudo-elements. These mystical entities wield the power to transform and enhance your styling spells, adding a layer of magic to the very fabric of your web pages.

3 minutes

<details> and <summary> - A Tale of Hidden Treasures! 🎭🔍

Today, we embark on a journey into the lesser-known realms of HTML, where the <details> and <summary> tags await to add a touch of mystery and interactive charm to your web creations. Imagine them as the secret passages and hidden doors of your webpage, inviting users to explore and discover hidden treasures. Let’s dive into their enchanting world!

4 minutes

Pseudo-classes Unveiled

Today, we′re venturing deep into the enchanting world of CSS pseudo-classes—those magical selectors that bring life and vibrancy to your web spells. Get ready for a comprehensive tour, where each pseudo-class is a chapter in the book of web wonders.

5 minutes

HTML Forms and User Input - Building Blocks for User Engagement! 🛠️

Today, let′s roll up our sleeves and dive into the practical aspects of HTML forms and user input. Your web page is like a workshop, and HTML forms are the tools that empower users to actively engage with your site. Let′s explore the essential input types and put them into action with a full-fledged example!

4 minutes

Mastering Flex Items - Unveiling Their Powers

In this enchanted realm of Flexbox, we’ve activated the magic within the flex container. Now, it’s time to explore the mystical abilities of its apprentices, the flex items.

5 minutes

Unleashing the Magic of Flexbox - The Basics

Welcome to the whimsical world of Flexbox! 🚀 If you’ve ever felt the frustration of trying to center elements or create equal-height columns in CSS, fear not—Flexbox is here to sprinkle some layout magic into your web design adventures.

4 minutes

Cracking the Code: Understanding the CSS Box Model

Today, we’re embarking on a journey to unravel one of the mysteries of the web design realm—the enigmatic CSS Box Model. Buckle up your style sheets, and let’s dive into the world of pixels, margins, borders, and padding!

2 minutes

Unveiling the Magic of Tables - Where Data Dances! 🎭

In this chapter, we embark on a quest to master the mystical <table> tag, where data takes center stage, pirouettes in rows and columns, and dazzles the audience with its organized performance. Join the spectacle as we explore the art of crafting simple tables, intricate ones with captions, and witness the fusion of cells in the grand dance of HTML tables!

3 minutes

The CSS Background Properties: Where Magic Meets Design!

Today, we’re about to dive into one of the most enchanting aspects of web design: the CSS background properties. Think of these as the backdrop of your digital theater, the canvas where your content takes center stage. With a sprinkle of creativity and a dash of CSS magic, you can turn your web pages into visual marvels!

3 minutes

Padding: The Soft Cushion of CSS Comfort

Padding is like the fluffy pillow in the world of web design. It’s that magic touch that keeps your content cozy and comfortable inside its container. In this whimsical adventure through the CSS universe, we’re going to explore the delightful and essential property known as padding.

3 minutes

Margins in CSS: The Breathing Space for Web Elements

We’re about to dive into a space where web elements can catch their breath and stretch their legs. It’s the world of margins in CSS, where we give elements room to breathe and stand out like rock stars at a concert. Are you ready for the backstage pass to the margin property?

5 minutes

Multimedia and Embedding - Unleashing Web Wonders! 🌈

We’re delving into the mesmerizing realm of multimedia and the art of embedding wonders into your web creations. Get ready to add some pizzazz to your pages with images, audio, videos, and even snippets from other corners of the web!

3 minutes

Border Property: The Web’s Stylish Perimeter

We’re diving into the fantastic world of the border property. Think of it as the stylish perimeter of your web elements, the fence that separates content and adds flair to your web pages. In this adventure, we’ll uncover the secrets of the border property and learn how to wield it like a pro.

2 minutes

Hyperlinks and Navigation - Charting Your Web Course!

In this thrilling chapter of our HTML escapade, we’re delving deep into the art of navigation. Grab your compass and buckle up; we’re about to set sail into the world of hyperlinks and crafting the pathways of the web.

3 minutes

Fonts: Dress Your Text

Let’s dive into the wonderful world of fonts in CSS. Think of fonts as the clothes your text wears – they define the style and personality of your content. We’re going to explore the font properties that help you dress up your text in fun and exciting ways.

3 minutes

CSS Properties and Values: Unleash Your Creative Side!

In our last posts, we’ve delved into the magical world of CSS, discovering its basics and selectors. Now, it’s time to unleash your inner artist as we explore the colorful realm of CSS properties and values.

3 minutes

Unleash the Magic of Structure with Semantic HTML!

Welcome back, fellow web wizards! In our enchanting journey through HTML, we’ve already explored HTML elements and tags - the building blocks of web magic. Now, it’s time to take your web sorcery to the next level by diving into the wondrous world of semantic HTML. Get ready for a magical adventure that will transform your web creations into organized, accessible, and search engine-friendly masterpieces.

4 minutes

CSS Selectors Explained: Unleash Your Styling Superpowers!

Welcome back, fellow web-wizard! Today, we’re diving deep into the enchanting world of CSS selectors, where the magic happens. If you’ve ever wondered how to sprinkle your web pages with your own unique style, CSS selectors are the secret wand you’ve been seeking.

4 minutes

Introduction to CSS: The Magic Behind Beautiful Web-pages

Imagine visiting a website with plain, unstyled text and images scattered all over the place. It’d be a digital disaster, right? Fortunately, there’s a web wizardry known as CSS (Cascading Style Sheets) that turns this chaos into the visually pleasing, organized web pages we all know and love. Welcome to the enchanting world of CSS!

4 minutes

Let’s Dive into HTML - Your Ticket to Web Wonderland!

Welcome to the "Mastering HTML" adventure series, where we’ll embark on an exciting journey into the magical world of web development. In this first installment, we’re handing out your golden ticket, and we’re about to board the HTML express that’ll take you to incredible web destinations. 🚀

All tags