Tag: html

Practical Implementation Of The Rule Of Least Power For Developers

Practical implementation of the Rule of Least Power for developers

Dev

It’s easy for devs to default to JavaScript to fix every problem. Let’s use the RoLP to find simpler alternatives with HTML and CSS.

Timonwa Akintokun
Nov 21, 2024 ⋅ 8 min read
Understanding and supporting zoom behaviors on the web

Understanding and supporting zoom behaviors on the web

Dev

Understanding and supporting pinch, text, and browser zoom significantly enhances the user experience. Let’s explore a few ways to do so.

Fimber Elemuwa
Oct 9, 2024 ⋅ 7 min read
CSS logo in front of pile of green matcha tea, which represents the matcha.css library discussed in this article.

How to style HTML with matcha.css

Dev

Learn how matcha.css simplifies HTML styling with responsive, customizable elements, no dependencies, and effortless integration.

Emmanuel Odioko
Oct 7, 2024 ⋅ 10 min read
Developing Modals Using Only CSS And The Popover API

Developing modals using only CSS and the Popover API

Dev

The Dialog and Popover approach to modals requires less code and and fewer files than using JavaScript method, making it less error-prone.

Daniel Schwarz
Sep 26, 2024 ⋅ 7 min read
Programmatically Downloading Files In The Browser

Programmatically downloading files in the browser

Dev

Master file downloads in HTML using JavaScript, and explore the role of blobs, object URLs, and anchor elements.

Glad Chinda
Aug 14, 2024 ⋅ 14 min read

Using qr-code: a customizable, animate-able HTML element

Dev

QR code generation algorithms can turn textual data such as URLs, emails, phone numbers, and Wi-Fi connection details, into dynamically […]

Shalitha Suranga
Jul 31, 2024 ⋅ 10 min read
Building UIs With Franken UI, A Shadcn Alternative

Building UIs with Franken UI, a Shadcn alternative

Dev

Explore Franken UI, an open source library of pre-built UI components that takes inspiration from Shadcn UI’s design principles.

Jude Miracle
Jul 10, 2024 ⋅ 11 min read
The Ultimate Guide To Iframes

The ultimate guide to iframes

Dev

This post provides an overview of the iframe tag’s best features, shows you how to use them, and how to secure them against vulnerabilities.

Nada Rifki
Jun 6, 2024 ⋅ 13 min read
Building Modern Sliders With HTML, CSS, And Swiper

Building modern sliders with HTML, CSS, and Swiper

Dev

Learn how to create modern, responsive sliders using HTML, CSS, and Swiper for an enhanced web design experience.

Brain Aboze
Feb 29, 2024 ⋅ 16 min read
Build An Off-Canvas Menu With The Dialog Element And Web Components

Build an off-canvas menu with <dialog> and web components

Dev

Build and animate an off-canvas menu using web components and HTML’s dialog element.

Mark Conroy
Jan 29, 2024 ⋅ 6 min read
Understanding HTML Landmarks How To Apply

Understanding HTML landmarks and how to apply them

Dev

We demystify HTML landmarks, discuss the nuances of different types, and show how to use them to help screen reader users navigate a site.

Cristian Diaz
Nov 9, 2023 ⋅ 17 min read
Comparing The Popover Api And The Dialog Element

Comparing the Popover API and the <dialog> element

Dev

Let’s discuss the similarities and differences between the Popover and HTMLDialogElement APIs, their use cases, and when to use each.

Rahul Chhodde
Sep 14, 2023 ⋅ 11 min read