I’m letting go of the “green web” thing
Why I think obsessing with making web services "sustainable" is a trap
hdoro.dev
Cultivating my thoughts on web development, content modelling, happiness, productivity, mindfulness and more
Latest posts
Learn Typescript by writing Javascript
How I'd approach learning Typescript if I had to start from scratch
Rendering performant Sanity.io images
How I've been approaching rendering Sanity images in the web for the past years
Defining element spacing with CSS custom properties
A simple and effective approach to creating reliable and ambitious page layouts
Tapi lab notes #1
Ramblings and investigations of where I'm in the process of building my content modeling tool
Using Sanity.io data in SvelteKit projects
How to fetch data from your Sanity content lake and use it to feed Svelte templates
Minimal content pagination for Sanity.io data
How I approach pagination through powerful & expressive GROQ queries
Sanity.io SSR previews without changing your front-end code
The simplest approach to previews I've found so far
How I'm writing & maintaining complex regular expressions (RegEx)
RegEx is notoriously hard 1 to write and maintain after a certain threshold of complexity. In building a regular expression to parse Wordpress shortcodes, I went way beyond the simplicity boundary, and had to come up with a few tricks to help me make the code easier to write and simpler to maintain: Use named capture groups Split the expression in smaller sub expressions Use extensive, recipe-like…
The most compact and readable string clamping/truncation approach (in JS)
At least, the best I've created so far!
I finally discovered why Javascript Sets exist!
My first practical takeaway from learning Clojure
Getting JSON data from Sanity.io with a lightweight script
Or how to feed Hugo, Eleventy, Jekyll, Bridgetown and other SSGs from Sanity
Building RSS feeds from Sanity.io data
Broad directions & tips on how to fetch data and render the feeds
Cloudflare Workers isn't a drop-in serverless platform (yet?)
Using Next.js, SvelteKit and other modern front-end frameworks on Cloudflare Workers requires a good deal of pacience and creative debugging.
Integrating Sanity.io and Algolia
3 steps for synchronizing your content across both systems
Rendering PortableText from scratch
A walkthrough of my thought process for creating a PortableText component for Svelte with 0 dependencies.
Inline audio player in Sanity.io rich text
How to use the Portable Text Editor's flexibility to insert dynamic content in the middle of paragraphs
Get random document in Sanity.io with the Structure Builder
One of the countless ways to use Sanity's structure builder to build unique and effective UIs for your editors
Designing an eco-friendly web framework (Greenconf 2020 talk)
The written version of the talk I gave at Greenconf.io about how our developer tools could help us create greener websites and apps.
Speed up your Gatsby app in a day (Byteconf React 2020 talk)
You can find the slides here . And the video for the talk on YouTube is below: Unfortunately, I didn't finish the written version yet 😥 I'll update this post as I finish polishing my notes (they're very messy and I couldn't automatically generate a transcription from the video). Resources mentioned in the talk & more Tools for testing Google Lighthouse WebPageTest Pingdom…
Speed up your Gatsby site with 1 line of code 🤯
Make your site friendlier and faster by reducing Javascript with a simple trick 🐱👤
What I learned from reading Google Search's documentation
Reading through Google Search's developer documentation really shone a light on topics that were a bit fuzzy on my head. It also equipped me with better technical SEO skills 😉
StencilJS: the compiler UI framework to keep in your radar
StencilJS has the potential to trigger a change in front-end development... Or at least I believe so 😁
Designing interfaces with development in mind
This guide aims to provide some best practices for designing interfaces with the handoff in mind, having the goal of facilitating the communication between designers and developers. This is an ever evolving guide based on our internal processes at Kaordica , and is by no means final - use it as a basis for your own conventions 😉 TL;DR Start your design exploration with no rules to avoid hindering…
React for designers
The goal of this guide is to explain, in the simplest and shortest way possible, what is React and what does it implies to you as a UI designer. What is React Definition: React is a javascript library (framework) that facilitates the construction of dynamic interfaces and websites. Going deeper into this definition: javascript is the programming language native to browsers and the web that brings…
Structuring and linking data in webpages: why care and how-to
TL;DR : turns out that, even with all the machine learning hype, computers are dense when it comes to understanding what a specific data means and how it's related to the rest of the web... but you can help them - and help yourself with better SEO in the process - by structuring and linking your data with JSON-LD, RDFa and Microdata! Prelude: computers need clarification on content Manu…
Live preview changes to react websites with Sanity
Learn how to make your clients’ lives easier with a simple-to-setup live preview for their CMS with any website built using a framework like react, vue or stencil.
The insane quest for the perfect CMS ends in Sanity
Why I think Sanity.io has the best offering for developers in search of a flexible, powerful and future-proof tool for content management.