Do not disable buttons
Today I learned that disabling buttons is a bad idea. There is a better solution to that.
Marco Heine’s Blog
Writing about everything I learn about the web and its technologies
Latest posts
Hightlight text on scroll
Chris Coyier shared a technqiue to highlight text on scroll using the upcoming scroll-driven animations.
fit-content
The property fit-content is super useful if you want to shrink wrap an element to its contents.
Why external links should always open in the same tab
Today I learned that external links should always open in the same tab.
Width and Height in CSS
Width and height in CSS are easy to use but height if often misunderstood.
Browsing with assistive technology
Today I learned a lot about browsing the web with assistive technology by watching the videos from Tetralogical.
The HTML Search Element
The HTML Search Element is a new semantic element that can be used as a container for the parts of the document related to performing a search or filtering operation.
Web Sustainability Guidelines
The Sustainability Web Design Community Group announced the Web Sustainability Guidelines. It’s all about “how to design and implement digital products and services that put people and the planet first.”
Developer Diaries 15
Developer Diaries 15 is about building an E-Commerce website with Shopify Hydrogen V2 and Sanity, reducing client-side JavaScript, and more.
View Transitions are coming (Astro 3.0)
View Transitions will soon be available in all major browsers and Astro is the first framework to support them.
CSS Selectors Visual Guide
Today I learned about this visual guide to all CSS selectors
How to build an E-Commerce website with Shopify Hydrogen V2 and Sanity
In this blog post I share how I built an E-Commerce website with Shopify Hydrogen V2 and Sanity.
Learn HTML
Learn HTML! It is still the foundation of the web and the most important language to learn.
Developer Diaries 14
Developer Diaries 14 is about shifting priorities, working with friends, and traveling to the UK.
Have you used Web Components?
Have you used Web Components? I have not and I wondered why. Dave Rupert has a lot on opinions why Web Components have not succeeded yet and in this post I summarize his blog post.
Developer Diaries 13
Developer Diaries 13 is about a lot of public holidays, fernweh, the new zelda game and sommer.
The best tech stack for web development in 2023
In this blog post I will share my thoughts on what's the best tech stack for web development in 2023 that will help you to build great web applications.
The popover API
The popover API is a new HTML attribute that makes it easy to integrate popovers into websites without the need for JavaScript.
Scrum vs. Kanban
Scrum vs Kanban is an ever ongoing discussion on what agile framwork is superior. In this blog post I'll explain why Kanban works best for me.
The problem with sticky menus
Sticky menus are used widely on the web but come with some serious issues. In this post I learned about the problems they cause and what to do instead.
Developer Diaries 12
Developer Diaries 12 is about "boring" work, a short holiday, pausing working out and finding great joy in a new video game.
CSS Nesting
CSS Nesting is finally built into the language. No need for a preprocessor anymore! In this post, I'll look at the spec and valid selectors.
Rich Harris: Hot takes on the web
This blog post summarizes my thoughts on Rich Harris talk about the current state of web development and his opinions on frameworks, the web and the edge.
Image Carbon
Image Carbon is a tool that helps you to calculate the carbon footprint of your websites images
Vercel Storage
Vercel recently introduced storage. A suite of serverless storage solutions like KV, Postgres and Blob.
Text-wrap: balance
Text-wrap balance is a new way to specify with CSS how lines of text are balanced.
Developer Diaries 11
Developer Diaries 11 is about a lot of thoughts about AI, having a diversified work month and the joy of weekend getaways.
Building accessible modal dialogs
Today I learned how to make modal dialogs accessible so that they can be used by people who use assistive technologies to navigate the web.
What is prop drilling and how to avoid it
Prop Drilling is a concept in React that is sometimes unavoidable but, in most cases, should not be applied. In This article, I will discuss what it is and how to avoid it.
AI will make our jobs easier and not replace them
I believe that AI will make our jobs easier and not replace them. This blog post is about the fear and uncertainty around AI and how it will change our jobs.
React Server Components
Today I learned about React Server Components, what they are and how they will be useful.
CSS Scroll Snap
Today I learned about how you create a scroll snap effect in CSS with the scroll snap properties.
Developer Diaries 10
Developer Diaries 10 is about my freelancing career turning one year old, a lot of talks with possible future clients, and a lot of fun writing blog posts.
SVG Drawing Animation
Today I learned how to animate SVG drawings using CSS.
The Web needs Improvement
Recently, I had a few experiences that shocked me. I wanted to accomplish some small tasks on several websites. And I struggled with all of them.
Vercel Cron Jobs
Today I learned that Vercel introduced Cron Jobs recently. So now you can automate repetetive tasks in a serverless Environment like on Vercel.
WordPress vs. headless CMS
In this blog post, I will take a closer look at headless CMS and share the advantages over a traditional monolith CMS like Wordpress.
Input Attributes for better Forms
Filling Forms on website can be an unnecessary pain. Recently I've learned about some simple steps to make Forms more user friendly.
Migrating from Gatsby to Next.js
In this blog post I'll document everything about my process of migrating from Gatsby to Next.js and what I've struggled with.
What's new in Lighthouse 10
Lighthouse 10 was released recently and included some significant new features. In this Today-I-learned Post will have a look at everything new.
Developer Diaries 09
In episode 09 of the Developer Diaries I reflect on a quiet January, lot of motivation to write and a new category: Life.
Don't use return types in TypeScript
Today I learned about the discussion if return types are necessary in TypeScript or not.
New CSS features in 2023
A lot of new CSS features gained major browser support recently or will gain it soon. In this blog post, I will explain all the new CSS features you can start to use in 2023.
Removing YouTube Shorts with CSS
Today I learned how you can remove YouTube Shorts from your subscription feed with CSS!
TypeScript Type Guards
TypeScript Type Guards are used when you only want to allow a specific type in a function. Learn how to write a great Type Guard with examples.
State of Usability in 2023
Today I learned about the State of Usability in 2023
Developer Diaries 08
Number 8 of my developer diaries series is about a chaotic month with the release of one of the biggest projects, context-switching and illness
CSS Gradient Text
Today I learned how to create beautiful text gradients with CSS
Developer Diaries 07
Number 7 of my web developer diary series is about able to choose with whom I work and great teamwork
Clamp CSS function
Today I learned about the clamp CSS function which enables fluid typography based on the viewport size without the need for media queries