[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
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.
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
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
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.