[Web dev for beginners] CSS layout: flexbox, grid, media queries and container queries
https://2ality.com/2025/10/css-layout.html

#2ality #WebDev #CSS

[Web dev for beginners] CSS layout: flexbox, grid, media queries and container queries

CSS provides a variety of services for web content: In the previous chapter, we used it to format content: to change colors, typefaces, etc. In this chapter, we will use it to lay out content: to place HTML elements on a page.

[Web development for beginners] CSS: Learn the essentials quickly
https://2ality.com/2025/10/css-basics.html

#2ality #WebDev #CSS

[Web development for beginners] CSS: Learn the essentials quickly

In the previous chapter, we used HTML to create unformatted content. In this chapter, we use CSS to configure the style of that content: We can change the color of the background, use various fonts, add vertical spacing, etc. In this chapter, we learn the basics of CSS. In the next chapter, we use CSS for layout – positioning HTML elements on a web page.

Taking SVG “screenshots” of HTML elements
https://2ality.com/2025/09/svg-screenshots.html

#2ality

Taking SVG “screenshots” of HTML elements

I was looking for a way to create images (think screenshots) of CSS layouts that I can use in HTML, EPUB and PDF files. This blog post describes my solution – which produces SVG images.

CSS wish: inner breakpoints

In this blog post, I’d like to talk about CSS: I wish it supported inner breakpoints – breakpoints not for viewports or containers but for HTML elements inside viewports or containers.

Learning web development: Creating web pages via HTML
https://2ality.com/2025/09/html-basics.html

#2ality #WebDev #HTML

Web development for beginners: Creating web pages via HTML

In this chapter, we learn how to create web pages via HTML.

Learning web development: Version control via Git and GitHub
https://2ality.com/2025/09/git-github.html

#2ality #WebDev

Learning web development: Version control via Git and GitHub

In this chapter, we learn how to use the version control system Git and a useful companion website, GitHub. Both are important tools when programming in teams but even help programmers who work on their own.

Learning web development: Markdown

In this chapter, we explore Markdown, a lightweight markup language that’s easy to learn and used a lot when writing about programming: documentation, comments, etc. We’ll need it in the next chapter. Learning it may seem like a detour but it’s easy to pick up and you’ll come across it often if you are interested in web development.

Learning web development: Native package managers
https://2ality.com/2025/09/native-package-managers.html

#2ality #WebDev

Learning web development: Native package managers

In this chapter, we install a package manager for our operating system. That enables us to install shell commands that we can’t get via npm.

Learning web development: Authenticating users with plain Node.js
https://2ality.com/2025/09/authenticating-users-nodejs.html

#2ality #WebDev #JavaScript #NodeJS

Learning web development: Authenticating users with plain Node.js

In this chapter, we learn how to write a server that lets users log in via passwords. That process is called authentication.

Learning web development: Implementing web servers

In this chapter, we’ll write our own web server: It will serve files and manage the data for a browser app.