Today I learned
- CSS (19)
- JavaScript (17)
- Accessibility (15)
- HTML (10)
- Performance (8)
- React (8)
- API (5)
- UX (4)
- Backend (3)
- Gatsby (3)
- Web Security (2)
- Git (2)
- Sustainability (1)
- DOM (1)
- Astro (1)
- SVG (1)
- TypeScript (1)
- Software Development (1)
- Prisma (1)
- Redux (1)
- Testing (1)
Do not disable buttons
Today I learned that disabling buttons is a bad idea. There is a better solution to that.
Read moreHightlight text on scroll
Chris Coyier shared a technqiue to highlight text on scroll using the upcoming scroll-driven animations.
Read morefit-content
The property fit-content is super useful if you want to shrink wrap an element to its contents.
Read moreWhy external links should always open in the same tab
Today I learned that external links should always open in the same tab.
Read moreWidth and Height in CSS
Width and height in CSS are easy to use but height if often misunderstood.
Read moreBrowsing with assistive technology
Today I learned a lot about browsing the web with assistive technology by watching the videos from Tetralogical.
Read moreThe 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.
Read moreWeb 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.”
Read moreView 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.
Read moreCSS Selectors Visual Guide
Today I learned about this visual guide to all CSS selectors
Read moreLearn HTML
Learn HTML! It is still the foundation of the web and the most important language to learn.
Read moreHave 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.
Read moreThe popover API
The popover API is a new HTML attribute that makes it easy to integrate popovers into websites without the need for JavaScript.
Read moreThe 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.
Read moreCSS 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.
Read moreImage Carbon
Image Carbon is a tool that helps you to calculate the carbon footprint of your websites images
Read moreText-wrap: balance
Text-wrap balance is a new way to specify with CSS how lines of text are balanced.
Read moreBuilding 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.
Read moreCSS Scroll Snap
Today I learned about how you create a scroll snap effect in CSS with the scroll snap properties.
Read moreReact Server Components
Today I learned about React Server Components, what they are and how they will be useful.
Read more