Site Preferences

This website stores the browser data needed to provide a better experience and to analyze how the site is used. We do not use marketing tools, only Google Analytics to better understand our audience.

Skip to content
Brecht De Ruyte - front-end developer | utilitybend

Hi, I'm Brecht De Ruyte

Self-taught front-end developer and Google Developer Expert from Belgium. After more than a decade in tech, I blog about HTML, CSS and JS with an eye on accessibility and UX.

Latest articles

Articles overview

Bluesky

@utilitybend.com

    Photography hobby corner

    View all photos
    Riverside promenade along the Rhine in Dusseldorf with the Rheinturm in the background under a clear blue sky
    Blurred Dusseldorf U-Bahn train passing through an underground station platform
    Curved glass office towers against a clear blue sky
    Modern glass building with tall pale green columns and dry grasses in front
    Mirrored cylindrical building reflecting a city square and visitors on a sunny day
    Night city view with lit buildings, street lights, and a thin crescent moon
    Blue bowl with thin slices of cured ham beside assorted bread on a wooden board
    Ring-tailed lemur perched on a tree branch in a lush greenhouse enclosure surrounded by green foliage
    Brown butterfly with intricate eye-spot patterns on wing underside resting on pale wooden surface with green foliage behind
    Red and orange tropical flowers with fringed petals and yellow stamens on a spiky succulent stem against a blurred background
    View all

    What I write about...

    `}const r=e.likeCount>0?`${e.likeCount}`:"",t=e.repostCount>0?`${e.repostCount}`:"",l=document.createElement("li");return l.className="bluesky-post",l.innerHTML=`
    ${c}
    ${s}
    ${r} ${t}
    `,l}async function g(){const e=document.querySelector("[data-bluesky-feed]");if(!e)return;const o=e.dataset.actor||"utilitybend.com",c=parseInt(e.dataset.limit||"10",10),a=e.querySelector(".bluesky-posts");if(a)try{const s=await fetch(`https://public.api.bsky.app/xrpc/app.bsky.feed.getAuthorFeed?actor=${encodeURIComponent(o)}&filter=posts_no_replies&limit=${c*2}`);if(!s.ok)return;const r=(await s.json()).feed.filter(t=>!(t.reason||(t.post?.embed?.$type||"").includes("record"))).map(t=>t.post).slice(0,c);a.innerHTML="";for(const t of r)a.appendChild(k(t));r.length===0&&e.closest(".home-bluesky")?.remove()}catch{}}document.addEventListener("DOMContentLoaded",g);