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: Responsive Images With HTML
HTML offers a bunch of great features to include images on your website that perfectly fit your responsive design and to improve their performance. Let’s explore them together in this article.
Forms on the Web That Make Me Cry and Why
Forms are everywhere on the web. Unfortunately, very often they turn out to be an accessibility and UX nightmare. Here are some examples of forms I found, what problems there are, and how to (easily!) fix them.
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: Creating an Accessible Contact Form in HTML
Almost every website contains at least one form. Today we learn how to build forms with HTML that are accessible and easy to understand and use.
Tutorial: Building a Small Website – First Steps
Like my previous post, this one is again about HTML. Together we will build a setup for a small website containing a homepage, an about me page, and a contact page.
Tutorial: Let’s Get Started With Web Development
In the first part of my web development basics article series I’ll focus on HTML and how to create your first small webpage.