Improving Hover Styles
Hover styles are easily added to interactive elements with CSS. When not careful, they can mess with the layout and user experience. Here are three examples where small details will improve your web design.
Tutorial: Web Development Basics—Wrapping Up
This is the very last post of the web development basics tutorial covering code refactoring and little design improvements. In the end, I am going to share a list of great resources and must-reads about HTML and CSS.
Tutorial: Why Users (Don’t) Like Your Website
Everything is about user experience (UX). Whether your users like the websites and web apps you build or not, depends on the experience they have while using it. In this article we will cover some UX fundamentals.
Tutorial: Four CSS Layout Modes and Their Use Cases
In times when it feels that everything is built using powerful CSS layout algorithms like flexbox or grid, I’d like to have a look at some other layout modes still required to build great designs.
Tutorial: Creating a Dark Theme using CSS Custom Properties
Custom properties are a great addition to CSS. In this article I give you a short introduction how they can be used to build a dark theme for our small tutorial website.
Tutorial: A Responsive Form Layout with CSS Grid
CSS grid is a powerful layout algorithm that enables us to build great designs. In this part of the tutorial series we use it to create a responsive layout for a small contact form.
Tutorial: Building Responsive Websites
Websites are responsive by default. They adapt perfectly to every screen size—without any help from CSS. The goal of this article is to learn the basics about modern CSS features you need to build advanced responsive layouts.
Tutorial: The CSS Box Model & Layout Basics
What is the CSS box model and how to transform a hand-drawn wireframe into a webpage layout? These are only two questions I am going to answer in this article.
Tutorial: CSS Selectors and Their Specificity
Understanding different CSS selectors and possible combinations is a foundation of writing good CSS code. Basic knowledge about the specificity of CSS selectors will help you to create maintainable CSS code right from the beginning.
Tutorial: An Introduction to the Awesome World of CSS
This is part four of my web development tutorial series and this one is an introduction to CSS and how to integrate some basic styles to our tiny website.