Ru Singh

Articles

Like what you see? Subscribe to any of my RSS and mi­cro­for­mats2 feeds and en­joy hear­ing from me wher­ever and how­ever you like.

📌 Pinned Articles

  1. Eleventy: how to ex­clude draft col­lec­tion items from build pro­gram­mat­i­cally

    With its 0.11.0 re­lease, Eleventy of­fers a pow­er­ful fea­ture. Let’s see how to ex­clude draft col­lec­tion items from build out­put in Eleventy pro­gram­mat­i­cally, us­ing eleven­ty­Com­puted.

  2. Thank you, Next! Moving from Google to NextCloud for my con­tacts & cal­en­dar.

    A per­sonal ex­pe­ri­ence of a GNOME and Android user mov­ing from Google to a hosted NextCloud in­stance for im­proved pri­vacy of her con­tacts and cal­en­dar.

  3. Make your RSS feed dis­cov­er­able to feed read­ers

    How to add the nec­es­sary meta tag to make auto dis­cov­ery of RSS/Atom feeds pos­si­ble.

  4. Configure git to use a spe­cific SSH key for a repos­i­tory per­ma­nently

    How to con­fig­ure git to use a spec­i­fied SSH key for a repos­i­tory. Details a work-around in case of con­flicts with your SSH con­fig.

✨ Recent Articles

  1. JavaScript30 weekly catch-up: DOM, can­vas, DevTools; refs, al­ter­nate method syn­tax, and rout­ing.

    Progress on JavaScript30 and ReactJS across ten days — (JavaScript) DOM ma­nip­u­la­tion, Document Fragment, HTML5 Canvas; DevTools (ReactJS) new syn­tax for refs, why we bind meth­ods, new syn­tax for meth­ods, and rout­ing.

    Published:

    Reactions: 1 like 1 re­ply 4 re­posts

  2. About Miniflux, a su­perb feed reader.

    Recently, Kev mes­saged to ask where my ar­ti­cle full of praise for Miniflux was. While I have spo­ken highly of it on Fosstodon it­self, I re­al­ized I haven’t done so here. Well… here goes.

    Published:

    Reactions: 13 likes 1 re­ply 1 men­tion 3 re­posts

  3. Benchmarking JavaScript: is re­moveChild faster than in­ner­HTML given thou­sands of DOM el­e­ments?

    Motivated by a type ahead chal­lenge in JavaScript30, I ex­plore if re­mov­ing 2500 DOM nodes is more per­for­mant us­ing Element.removeChild or Element.innerHTML. Interesting ex­er­cise and re­sults!

    Published:

    Reactions: 6 likes 1 re­post

  4. JavaScript30 Day #04 - Updating CSS Variables with JS, slow up­date on ReactJS.

    A slow day where I learn to up­date CSS vari­ables dy­nam­i­cally from user in­put, and get a brush-up on ReactJS’ idea of com­po­nents.

    Published:

    Reactions: None so far 😯

  5. JavaScript30 Day #03 - Study group on Zulip, Wes Bos’ React for Beginners course, and a sim­ple JavaScript & CSS clock.

    Today, I start Wes Bos’ React for Beginners course, build a sim­ple clock in vanilla JavaScript, and set up a study group on Zulipchat.

    Published:

    Reactions: 2 likes

  6. JavaScript30 Day #02 - Wes Bos’ JavaScript30 course, group­ing op­er­a­tor, HOCs in ReactJS.

    Today, I start Wes Bos’ JavaScript30 course, pon­der about the group­ing op­er­a­tor, and make sense of Higher Order Components in the­ory.

    Published:

    Reactions: 2 likes 1 re­ply

  7. JavaScript30 Day #01 - ReactJS, this, meth­ods that mu­tate an Array.

    A part of the JavaScript30 se­ries — re-learn­ing JavaScript and its ecosys­tem over 30 days. Includes ReactJS, the this key­word, and mu­tat­ing meth­ods for Arrays.

    Published:

    Reactions: None so far 😯

  8. Musing around job ti­tles and ca­reer paths.

    Morning mus­ing trig­gered by an ar­ti­cle pub­lished on CSS-Tricks yes­ter­day around job-ti­tles and ca­reer paths.

    Published:

    Reactions: 5 likes

  9. I’m learn­ing ReactJS again, from scratch.
    Screenshot of a browser with ReactJS' GitHub page open. The browser window is outlined with a simple, dark, starry background.

    The ecosys­tem moves fast and my ex­ist­ing knowl­edge is out-dated.

    Published:

    Reactions: 2 likes 1 re­ply 1 com­ment

  10. Ligatures are not a good fit for the web.

    I talk about lig­a­tures in ty­pog­ra­phy and why I had to dis­able them on my site.

    Published:

    Reactions: 2 likes 2 replies