Personal portfolio and blog of Mike Rockwood https://mikerockwood.com/posts/bookmarks/ Mike Rockwood https://mikerockwood.com rockwood@gmail.com Zola 2026-09-09T19:49:00+00:00 https://mikerockwood.com/posts/bookmarks/my-html-boilerplate/ 2026-09-09T19:49:00+00:00 2026-09-09T19:49:00+00:00 <p>Simple, modern HTML boilerplate for 2026.</p> https://mikerockwood.com/posts/bookmarks/the-css-lh-unit/ 2026-08-07T16:18:00+00:00 2026-08-07T16:18:00+00:00 <p>A look at the CSS line height unit and how it works.</p> https://mikerockwood.com/posts/bookmarks/the-100-greatest-bird-names-of-all-time/ 2026-06-03T19:09:00+00:00 2026-06-03T19:09:00+00:00 <p>Just a bit of fun.</p> https://mikerockwood.com/posts/bookmarks/performance-optimized-video-embeds-with-zero-javascript/ 2026-02-03T05:18:00+00:00 2026-02-03T05:18:00+00:00 <p>Putting a YouTube video inside a closed details element means it won’t load until that details element is opened. We can use that.</p> https://mikerockwood.com/posts/bookmarks/my-opinionated-css-reset/ 2026-01-23T18:09:00+00:00 2026-01-23T18:09:00+00:00 <p>This looks like a pretty solid CSS reset.</p> https://mikerockwood.com/posts/bookmarks/my-html-web-component-boilerplate-for-2026/ 2025-12-18T22:02:00+00:00 2025-12-18T22:02:00+00:00 <p>Chris Ferdinandi shares his starting point for building web components. I generally agree with his approach.</p> https://mikerockwood.com/posts/bookmarks/static-site-webmentions/ 2025-09-13T18:00:00+00:00 2025-09-13T18:00:00+00:00 <p>An article describing how to enable Webmentions on a static site using Zola, webmention.io, and GitHub Actions to support decentralized blog interactions.</p> https://mikerockwood.com/posts/bookmarks/anatomy-of-a-web-component/ 2025-08-07T18:50:00+00:00 2025-08-07T18:50:00+00:00 <p>David Bushell shares some useful web component patterns.</p> https://mikerockwood.com/posts/bookmarks/a-few-things-about-the-anchor-element-s-href-you-might-not-have-known/ 2025-08-04T19:19:00+00:00 2025-08-04T19:19:00+00:00 <p>Jim Nielsen shares some advanced anchor element functionality.</p> https://mikerockwood.com/posts/bookmarks/modern-node-js-patterns-for-2025/ 2025-08-04T01:55:00+00:00 2025-08-04T01:55:00+00:00 <p>Node.js has made a bunch of improvements recently that I wasn’t aware of.</p> https://mikerockwood.com/posts/bookmarks/human-readable-date-formatting-with-vanilla-javascript/ 2025-03-04T22:51:00+00:00 2025-03-04T22:51:00+00:00 <p>Format dates and times in JavaScript using toLocaleDateString() and toLocaleTimeString() without relying on external libraries like Moment.js.</p> https://mikerockwood.com/posts/bookmarks/sorted-css-colors/ 2025-02-08T03:12:00+00:00 2025-02-08T03:12:00+00:00 <p>Interactive tool for finding named colors usable in CSS.</p> https://mikerockwood.com/posts/bookmarks/responsive-tables/ 2025-01-31T15:23:00+00:00 2025-01-31T15:23:00+00:00 <p>I really like this web component Chris Ferdinandi came up with for displaying tables on mobile screens.</p> https://mikerockwood.com/posts/bookmarks/nerdy-notebook/ 2025-01-13T12:37:00+00:00 2025-01-13T12:37:00+00:00 <p>A collection of Adam Argyle’s nifty CSS and JS snippets</p> https://mikerockwood.com/posts/bookmarks/sizes-auto-is-a-great-idea/ 2025-01-05T02:02:00+00:00 2025-01-05T02:02:00+00:00 <p>I missed this: it’s now much easier to make images responsive in HTML.</p> https://mikerockwood.com/posts/bookmarks/weird-things-engineers-believe-about-web-development/ 2024-07-03T05:34:00+00:00 2024-07-03T05:34:00+00:00 <p>Useful perspective from a former browser engineer who is now working in web development.</p> https://mikerockwood.com/posts/bookmarks/an-interview-with-a-man-who-eats-leftover-food-from-strangers-plates-in-restaurants/ 2024-03-20T05:34:00+00:00 2024-03-20T05:34:00+00:00 <p>This article from a few years ago is exactly what it sounds like. Funny throughout.</p> https://mikerockwood.com/posts/bookmarks/100-things-you-can-do-on-your-personal-website/ 2024-02-29T06:06:00+00:00 2024-02-29T06:06:00+00:00 <p>This list showcases possibilities for your personal site, from technical to whimsical ideas.</p> https://mikerockwood.com/posts/bookmarks/webfonts-and-layout-shifting/ 2024-01-31T00:00:00+00:00 2024-01-31T00:00:00+00:00 <p>A clever way to reduce layout shift caused by custom fonts on a website.</p> https://mikerockwood.com/posts/bookmarks/the-internet-used-to-be-fun/ 2024-01-04T00:00:00+00:00 2024-01-04T00:00:00+00:00 <p>A collection of blog posts about personal sites and why they are more fun than the corporate web.</p> https://mikerockwood.com/posts/bookmarks/css-media-query-for-scripting-support/ 2023-12-18T00:00:00+00:00 2023-12-18T00:00:00+00:00 <p>Looks like we’re finally getting a Media Query to test whether a user has JavaScript enabled. Chrome only for now.</p> https://mikerockwood.com/posts/bookmarks/incomplete-list-of-mistakes-in-the-design-of-css/ 2023-11-21T00:00:00+00:00 2023-11-21T00:00:00+00:00 <p>CSS that should be corrected if anyone invents a time machine. :P</p> https://mikerockwood.com/posts/bookmarks/simplify-sharing-with-built-in-apis-and-progressive-enhancement/ 2023-10-30T03:12:00+00:00 2023-10-30T03:12:00+00:00 <p>Nice little article by Andy Bell describing how to build social sharing buttons in a slightly better way. It would be better if it was a native web component instead of a Vue component.</p> https://mikerockwood.com/posts/bookmarks/responsive-type-scales-with-composable-css-utilities/ 2023-09-24T03:12:00+00:00 2023-09-24T03:12:00+00:00 <p>Some nifty utilities for fluid typography created by Tobias Ahlin Bjerrome.</p> https://mikerockwood.com/posts/bookmarks/multi-page-web-apps/ 2023-09-14T23:24:00+00:00 2023-09-14T23:24:00+00:00 <p>Jeremy Keith:</p> <blockquote> <p>The default approach should be to assume a multi-page approach (which is the way the web works by default). Deciding to take a JavaScript-driven single-page approach should be the exception.</p> </blockquote> https://mikerockwood.com/posts/bookmarks/step-into-the-light-dom/ 2023-09-13T00:14:00+00:00 2023-09-13T00:14:00+00:00 <p>Web components don’t need to be complicated.</p> https://mikerockwood.com/posts/bookmarks/for-the-love-of-god-stop-microwaving-plastic/ 2023-08-01T15:12:00+00:00 2023-08-01T15:12:00+00:00 <p>Even more reasons to worry about microplastics. Plus, this article introduced me to a fun new word, “plastisphere.”</p> https://mikerockwood.com/posts/bookmarks/america-s-hidden-urban-laboratory-the-south/ 2023-06-16T17:24:00+00:00 2023-06-16T17:24:00+00:00 <p>Interesting post by Devon Zuegel on the spread of urbanist ideas in the American South.</p> https://mikerockwood.com/posts/bookmarks/a-sveltekit-template-for-building-cms-free-editable-websites/ 2023-04-11T18:14:00+00:00 2023-04-11T18:14:00+00:00 <p>Seems like more of a tech-demo than a usable product, but pretty cool nonetheless.</p> https://mikerockwood.com/posts/bookmarks/single-page-applications-criticism/ 2023-02-15T00:48:51+00:00 2023-02-15T00:48:51+00:00 <p>Manuel Matuzović:</p> <blockquote> <p>I guess the biggest criticism here is that it feels like people who believe in the superiority of single page applications and the entire ecosystem focus more on developer experience (DX) than user experience.</p> </blockquote> https://mikerockwood.com/posts/bookmarks/2017-10-9-building-large-scale-design-system-for-us-government/ 2017-10-09T10:00:00+00:00 2017-10-09T10:00:00+00:00 <p>A case study of how a design system was created for the U.S. government.</p> https://mikerockwood.com/posts/bookmarks/event-for-css-position-sticky/ 2017-09-22T10:00:00+00:00 2017-09-22T10:00:00+00:00 <p>Use IntersectionObserver to fire a custom event when position:sticky elements become fixed or when they stop sticking.</p> https://mikerockwood.com/posts/bookmarks/combine-css-grid-and-flexbox-for-efficient-layouts/ 2017-08-27T10:00:00+00:00 2017-08-27T10:00:00+00:00 <p>Learn how to combine CSS Grid and Flexbox to create efficient and interesting designs.</p>