This article is about how to build an accordion element with plain HTML and CSS. There will be no JavaScript, I promise. I'll explain why you should use semantic HTML and how to customize it with CSS.
Indiepen is our first open-source project to embed HTML, CSS & JS code examples on a website. We ship less than 20 KB, we don’t set any cookies or tracking, and, most importantly, we develop inclusive features for everyone.
The easiest way to create a web server: A redirect rule and a simple Netlify function. This enables us to render content dynamically, transform data or handle backend-to-backend communication.
Dark mode is not a hot topic anymore, but I was still interested in understanding the mechanic behind a dark mode. My goal was to create an easy solution with pure CSS and JS. Not only should my dark mode respect the system preference, but it should also provide a toggle to switch between the light and dark mode as well as persist the choice somehow.
Do you really need Google Analytics for your website? We used it, and we switched to another
tool because we want to respect the privacy of our visitors, sell fewer data to one of the biggest companies in the world, and improve the usability of our blog.
The CSS property box-decoration-break lets us decorate multi-line text.
With that, in combination with gradients, box shadows, or borders, we can create fancy highlight effects.
This guide will help frontend engineers and people from the UI community to develop a common understanding of collaboration and why this particular skill can improve the process of software development and product design in your company.
With Netlify's new build plugins, we can hook into their build pipeline and do fancy stuff like a simple continuous integration for every pull request.
