Bookmarks tagged with #webdev.
Show all
Show all
JSON-LD Explained for Personal Websites
A guide to implementing JSON-LD on your personal website for better SEO, covering WebSite, Person, BlogPosting, and more with ready-to-use code snippets.
Saved
on: 2026-06-22
The Website Specification
A platform-agnostic, full specification of the technical features a good website should have. Built in the open under an MIT licence.
Saved
on: 2026-05-31
I charged $18,000 for a Static HTML Page
Not too long ago, I made a living working as a contractor where I would hop from project to project. Some were short term where I would work for a week and quickly deliver my service. Others lasted a
Saved
on: 2026-01-05
HTTP caching, a refresher · Dan Cătălin Burzo
Let’s relearn web caching together.
Saved
on: 2025-12-24
Your URL Is Your State
A deep dive into how thoughtful URL design can enhance usability, shareability, and performance. Learn what state belongs in URLs, common pitfalls to avoid, and practical patterns for modern web apps.
Saved
on: 2025-11-03
Cross-Site Request Forgery
Cross-Site Request Forgery countermeasures can be greatly simplified using request metadata provided by modern browsers.
Saved
on: 2025-08-13
A valid HTML zip bomb - ache
h1 id="a-valid-html-zip-bomb"a tabindex="0" class="anchor" href="/notes/html_zip_bomb"A valid HTML zip bomb/a/h1pimg src="/notes/res/zip_bomb_file.svg" alt="Illustration d'une bombe zip" height="150" width="150"/pa href="/notes/html_zip_bomb"/a
Saved
on: 2025-07-24
Poline
poline is lightweight, dependency free and fast JavaScript function written in TypeScript. It draws lines between anchors over polar coordinates to generate pleasing color palettes.
Saved
on: 2025-06-19
FOSDEM 2025 - How browsers REALLY load Web pages
Saved
on: 2025-02-21
The future of htmx
In this essay, Carson Gross and Alex Petros discuss htmx's future direction and philosophy. They explain how the project aims to emulate jQuery's success through API stability, minimal feature additions, and quarterly releases while continuing to promote hypermedia-driven development and support the broader web development ecosystem.
Saved
on: 2025-01-07
A Framework for Evaluating Browser Support • Josh W. Comeau
Lots of exciting new features have been landing in CSS recently, and it can be tough trying to figure out if they’re safe to use or not. We might know that a feature is available for 92% of users, but is that sufficient? Where do we draw the line? In this blog post, I’ll share the framework I use for deciding whether or not to use a modern CSS feature
Saved
on: 2024-11-27
This Website is Hosted on Bluesky
Well, not this one. But this one is! How? Let’s take a closer look at Bluesky and the AT Protocol that underpins it.
Note: I communicated with the Bluesky team prior to the publishing of this post. While the functionality described is not the intended use of the application, it is known behavior and does not constitue a vulnerability disclosure process. My main motivation for reaching out to them was because I like the folks and don’t want to make their lives harder.
Saved
on: 2024-11-25
April King — Handling Cookies is a Minefield
Discrepancies in how browsers and libraries handle HTTP cookies, and the problems caused by such things.
Saved
on: 2024-11-21
HTML for People
HTML isn't only for people working in the tech field. It's for everyone. Learn how to make a website from scratch in this beginner friendly web book.
Saved
on: 2024-10-11
Fixing Layout Shifts Caused by Web Fonts | DebugBear
Identify and fix layout shifts caused by web fonts, improving your Core Web Vitals scores and user experience
Saved
on: 2024-10-03
A (more) Modern CSS Reset - Piccalilli
I wrote “A Modern CSS Reset” almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version.
Saved
on: 2024-09-15
The secret inside One Million Checkboxes
Teens wrote me a secret. I found them.
Saved
on: 2024-08-30
Caching secrets of the HTTP elders, part 1
ETags - an elegant weapon, for a more civilised age
Saved
on: 2024-04-17
How to think about HTML responsive images
srcset, sizes, picture, source, and how they all fit.
Saved
on: 2024-04-09
Y2Z/monolith
⬛️ CLI tool and library for saving complete web pages as a single HTML file - Y2Z/monolith
Saved
on: 2024-03-25
Fonts are still a Helvetica of a Problem
CVEs in three strange places and the unique problem of safely processing and handling fonts.
Saved
on: 2024-03-06
Hacking htmx applications
With the normal flow of frontend frameworks moving from hipster to mainstream in the coming few months, during a test, you bump into this strange application that receives HTML with `hx-` attributes…
Saved
on: 2023-12-23
Correctly Configure (Pre) Connections – Harry Roberts – Web Performance Con
We’re probably familiar with preconnect, but are we getting it right?
Saved
on: 2023-12-10
Pacchetto di CSS: 2023!
Il 2023 è stato un anno fantastico per CSS. Scopri quali contenuti sono arrivati quest'anno a Chrome e alla piattaforma web.
Saved
on: 2023-12-08
U.S. Web Design System (USWDS)
USWDS makes it easier to build accessible, mobile-friendly government websites.
Saved
on: 2023-09-11
Accessible Palette: stop using HSL for color systems
Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.
Saved
on: 2023-08-29
The ideal viewport doesn’t exist
Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports.
Tags:
#webdev
Saved
on: 2023-08-22
htmx ~ Locality of Behaviour (LoB)
Carson Gross explores the Locality of Behaviour (LoB) principle, which emphasizes making the behavior of code units obvious on inspection to enhance maintainability. He discusses the tradeoffs between LoB and other software design principles like DRY and SoC, offering insights on balancing clarity, abstraction, and maintainability in modern development.
Saved
on: 2023-08-16
I'm betting on HTML
AI Use Disclaimer: I wrote this post and then GPT-4 fixed my grammer and spelling
Saved
on: 2023-08-02
How to build a website without frameworks and tons of libraries | Koding Ki
A simple toolchain that Koding Kitty uses for building its web.
Saved
on: 2023-07-04
The modern way of serving images
Technical in-depth guide for the & srcset and sizes attributes to create responsive & performant images.
Saved
on: 2023-06-15
Consent management made easy and clear with Cloudflare Zaraz
Cloudflare Zaraz now can also help you with gathering and managing consent. With this new tool, you can easily collect user’s consent preferences on your website, using a consent modal, and apply your consent policy on third-party tools you load via Cloudflare Zaraz.
Saved
on: 2023-04-23
Four Ways to Build Web Apps
Intro This is my opinionated list of four approaches to building websites and web applications. Publicly hosted on the internet, serving HTML, CSS, JavaScript, images, etc over HTTP.
#1: Hugo Static Sites + Progressive Web Apps Static websites are boring. Vendors rarely talk about them because the margins are miniscule compared to flashy, compute-heavy services. It is seen as a table stakes offering. Though they have received more attention during the “JAM Stack” trend, my position is that they are still underappreciated and underutilized.
Saved
on: 2023-02-21
The Page With No Code
View Source shows nothing, but the page has content. The Page With No Code is the kind of puzzle that makes web developers unhappy.
Saved
on: 2023-01-21
MDN => Markdown
Open Web Docs supports web platform documentation for the benefit of web developers & designers worldwide. We are a community of web developers, standards makers, and technology companies that rely on this documentation as critical digital infrastructure, and we work cooperatively to ensure its long-term success and maintenance.
Saved
on: 2022-11-05
Using Notion as a headless CMS for our blog
We used Notion’s API and incremental static regeneration to power our blog
Saved
on: 2022-10-07
Build your own web framework - Vercel
Build your own web framework that deploys to edge and serverless infrastructure.
Saved
on: 2022-07-30
SPA Alternative
In this essay, Carson Gross explores alternatives to Single Page Applications (SPAs), advocating for an 'HTML-Centric' development approach. He highlights the drawbacks of SPA complexity and the benefits of embracing HTML as the core medium for web development, offering a simpler, more efficient way to build applications without sacrificing interactivity. Carson discusses how tools like htmx enhance HTML's capabilities and encourages developers to reconsider the dominant SPA paradigm with technical bravery.
Saved
on: 2022-07-20
SPAs: theory versus practice | Read the Tea Leaves
I’ve been thinking a lot recently about Single-Page Apps (SPAs) and Multi-Page Apps (MPAs). I’ve been thinking about how MPAs have improved over the years, and where SPAs still have an …
Saved
on: 2022-06-28
Making the world’s fastest website, and other mistakes - DEV Community
Crazed developer attempts real ecommerce without front-end JavaScript to prove that y’all playin’
Saved
on: 2022-06-09
Magical SVG Techniques — Smashing Magazine
SVGs are scalable, flexible, and, most importantly, lightweight. And, well, they have even more to offer than you might think. Smart SVG techniques, from generative SVG grids to SVG paths with masks, grainy SVG gradients, cut-out effects and fractional SVG stars. Let’s look at some magical SVG techniques that you can use right away.
Saved
on: 2022-05-27
Scrapism
A guide to web scraping as an artistic and critical practice.
Tags:
#webdev
Saved
on: 2022-05-25
IndigoStack
Indigo — the native macOS app which will revolutionise the way you configure and run local web servers on your Mac.
Saved
on: 2022-05-24
Setting Up CloudFront to Host Your Web App | CSS-Tricks - CSS-Tricks
Let's walk through how to CloudFront can be used to host an entire web app and have it forward non-cacheable requests to our web server.
Tags:
#webdev
Saved
on: 2022-04-29
Super — Build websites with Notion
Create a custom website in less than a minute with instant page loads, SEO optimization, and customized theming. All your content is kept and managed in Notion so you can focus on creating while Super handles the rest.
Saved
on: 2022-04-05
Shoelace: A forward-thinking library of web components.
Hand-crafted custom elements for any occasion.
Saved
on: 2022-04-04
Web Designer & Developer Toolkit by Addy Codes – Curated tools & resources
Discover hundreds of web design & development resources in this carefully curated collection.
Saved
on: 2022-03-21
Google Tag Manager, la nouvelle arme anti adblock
Un blog sur le capitalisme de surveillance, avec un zoom sur le tracking publicitaire
Tags:
#webdev
Saved
on: 2022-02-21
Munter/subfont: Command line tool to optimize your webfont loading. Aggress
Command line tool to optimize your webfont loading. Aggressive subsetting based on your font use, self-hosting of Google fonts and preloading - Munter/subfont
Saved
on: 2022-02-18
A guide to designing accessible, WCAG-conformant focus indicators
— The personal website of Sara Soueidan, inclusive Web UI engineer
Saved
on: 2021-11-07
Developer Tools secrets that shouldn’t be secrets | Christian Heilmann
Tags:
#webdev
Saved
on: 2021-11-02
Best practices for using third-party embeds
This document discusses performance best practices that you can use when loading third-party embeds, efficient loading techniques and the Layout Shift Terminator tool that helps reduce layout shifts for popular embeds.
Tags:
#webdev
Saved
on: 2021-10-18
A Complete Guide To Accessibility Tooling — Smashing Magazine
In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.
Saved
on: 2021-06-17
wickedblocks
A collection of hundreds of fully responsive Talwind blocks & components. Ready to copy-paste into your Tailwind project.
Saved
on: 2021-05-25
Links on Performance | CSS-Tricks
Making GitHub’s new homepage fast and performant — Tobias Ahlin describes how the scrolling effects are done more performantly thanks to IntersectionObserver
Saved
on: 2021-05-25
Lightning-Fast Web Performance: an online lecture series from Scott Jehl
An online lecture course by Scott Jehl.
Saved
on: 2021-05-20
DOM Events
A visualizer to help you learn how the DOM Event system works through exploration
Tags:
#webdev
Saved
on: 2021-05-19
HTML Tips
In this article I’ll share some tips and advice about HTML.
Tags:
#webdev
Saved
on: 2021-05-06
Getting my blog ready for Core Web Vitals & Page Experience - Paul Bakaus'
Saved
on: 2021-04-24
Tiptap
A suite of open source content editing and real-time collaboration tools for developers building apps like Notion or Google Docs.
Saved
on: 2021-04-23
HTTPWTF
HTTP is fundamental to modern development, from frontend to backend to mobile. But like any widespread mature standard, it's got some funky skeletons in the...
Tags:
#webdev
Saved
on: 2021-03-04
Material Symbols and Icons - Google Fonts
Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.
Tags:
#webdev
Saved
on: 2021-03-03
The great SameSite confusion
In this post, I dissect a common misconception about the SameSite cookie attribute and I explore its potential impact on Web security.
TL;DR ¶ The SameSite cookie attribute is not well understood. Conflating site and origin is a common but harmful mistake. The concept of site is more difficult to apprehend than meets the eye. Some requests are cross-origin but same-site. SameSite only has effects on cross-site requests. SameSite paints a target on your subdomains’ back. Misguided practitioners may unduly eschew SameSite=Strict. The advent of SameSite ¶ You undoubtedly have heard of the SameSite cookie attribute. It made headlines when, in February 2020, Chrome started rolling out changes to SameSite’s default behaviour. Intended as a defence-in-depth mechanism against cross-site attacks, such as cross-site request forgery (CSRF) and cross-site script inclusion (XSSI), SameSite had been lying dormant at the heart of implementing browsers since its inception in 2016.
Saved
on: 2021-02-05
7 bite-sized tips for reliable web automation and scraping selectors
If you’re like most developers, you’ve probably encountered Cascading Style Sheet (CSS) selectors for styling webpages. For example, the following CSS rule combines a paragraph element selector p…
Tags:
#webdev
Saved
on: 2021-02-02
Sign-in form best practices
Use cross-platform browser features to build sign-in forms that are secure, accessible and easy to use.
Tags:
#webdev
Saved
on: 2021-01-25
React Authentication: How to Store JWT in a Cookie | by Ryan Chenkie | Medi
If that’s the case, there’s a decent chance that your API is secured somehow. Maybe you’re making authentication and authorization happen with JSON Web Tokens. If so, there’s also a decent chance…
Saved
on: 2021-01-22
How We Improved SmashingMag Performance — Smashing Magazine
In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board. Hopefully, this little case-study will be useful to you, and perhaps there are one or two techniques that you might be able to apply to your project right away. In the end, performance is all about a sum of all the fine little details, that, when added up, make or break your customer’s experience.
Saved
on: 2021-01-22
Maximally optimizing image loading for the web in 2021
In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the...
Saved
on: 2021-01-20
You want overflow: auto, not overflow: scroll | Kilian Valkhof
Every now and then a web developer using a Mac discovers that their beautiful design is littered with scroll bars on other platforms. Either because someone points it out to them or because they attach a mouse to their mac which makes scroll bars appear. Often, MacOS hiding scroll bars by default is blamed for
Saved
on: 2021-01-07
How to Favicon in 2021: Six files that fit most needs — Martian Chronicles,
Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.
Tags:
#webdev
Saved
on: 2020-12-23
Polypane, the perfect browser for web developers and designers
The browser for ambitious web developers. Build better websites in less time with a stand-alone browser that makes your site more responsive, more accessible and faster.
Saved
on: 2020-11-12
Stupid solutions: Live server push without JS
So in my post Is this evil? I covered a way of tracking users with CSS. While thinking about those weird ways of using the web I also started thinking about pushing live data to clients without JS. Or at least maintaining a connection. So WebSockets requires JS. WebRTC requires JS. Even HLS (video streaming), which would otherwise be super cool, with captions for accessibility. But no. Or rather, maybe on Apple platforms. Eh. Not good enough.
Saved
on: 2020-09-29
Workers Durable Objects Beta: A New Approach to Stateful Serverless
Durable Objects provide a truly serverless approach to storage and state: consistent, low-latency, distributed, yet effortless to maintain and scale. They also enable coordination and real-time collaboration between clients.
Saved
on: 2020-09-29
The Ultimate Guide to Web Performance 🚀
There's so many ways to speed up your site. Don't you wish every web performance tip was in one place...
Saved
on: 2020-09-25
How I Redesigned My Laravel Blog (Again) - Christoph Rumpel
Every few years, I feel the pressure to redesign my blog. Design trends change fast, and so does my taste. Once I don't like my site anymore, I cannot let go. I need to work on a new redesign. This article is about the latest redesign of my Laravel blog.
Saved
on: 2020-09-17