https://lhcreative.studio/tech-blog Articles from lhcreative.studio. en-us https://lhcreative.studio/tech-blog/what-is-hermes https://lhcreative.studio/tech-blog/what-is-hermes Hermes is an open source AI agent harness from Nous Research that runs on your own computer, uses tools, remembers past sessions and learns skills. Here is what it does and how to install and set it up. Agentic development https://lhcreative.studio/tech-blog/meet-the-night-sky-ui-kit https://lhcreative.studio/tech-blog/meet-the-night-sky-ui-kit Three animated React components for dark, night-sky themed sites: a star cursor, a twinkling starfield and a soft aurora glow. Here is what's inside and how to add it. Product https://lhcreative.studio/tech-blog/behind-the-star-cursor https://lhcreative.studio/tech-blog/behind-the-star-cursor How the Star Cursor draws its comet tail and sparkle dust, and why it quietly steps aside on touch screens and for anyone who prefers reduced motion. Product https://lhcreative.studio/tech-blog/the-moon-is-a-giant-dusty-old-rock https://lhcreative.studio/tech-blog/the-moon-is-a-giant-dusty-old-rock The moon is a layered ball of rock about 4.5 billion years old, wrapped in sharp gray dust and almost no air. Here is what it is made of, where it probably came from and why it barely changes. Science https://lhcreative.studio/tech-blog/how-solar-storms-mess-with-satellites https://lhcreative.studio/tech-blog/how-solar-storms-mess-with-satellites The sun has weather, and some of it reaches us. Here is how solar flares and the storms that follow can sink satellites, scramble GPS and even trip power grids, and how people keep watch. Science https://lhcreative.studio/tech-blog/patterns-in-sound https://lhcreative.studio/tech-blog/patterns-in-sound Sprinkle salt on a drum, play a steady note, and the grains slide into neat lines and rings. Here is why sound draws pictures, who first noticed, how to try it at home, and what all this has in common with a snowflake. Science https://lhcreative.studio/tech-blog/most-of-the-sound-around-you-goes-unheard https://lhcreative.studio/tech-blog/most-of-the-sound-around-you-goes-unheard Human ears catch only a middle band of all the sound there is. Here is what we miss, which animals hear it, and why the hums and whines from our own gadgets can still get under our skin. Science https://lhcreative.studio/tech-blog/what-is-laserseti https://lhcreative.studio/tech-blog/what-is-laserseti LaserSETI is a growing network of rooftop cameras that watch huge patches of the night sky for a single-color flash of light. Here is how it works, where the stations are in 2026, and what it has (and has not) found. Science https://lhcreative.studio/tech-blog/most-of-the-light-around-you-is-invisible https://lhcreative.studio/tech-blog/most-of-the-light-around-you-is-invisible Our eyes catch only a thin band of all the light there is, from violet to red. Here is what we miss, which animals see more of it, and how we use the invisible rest every day. Science https://lhcreative.studio/tech-blog/the-science-of-music https://lhcreative.studio/tech-blog/the-science-of-music Why a good chorus gives you chills, why the Mozart effect fizzled, and why some songs refuse to leave your head. Here is what the research actually says about music, mood and focus. Science https://lhcreative.studio/tech-blog/bill-nye-is-still-teaching https://lhcreative.studio/tech-blog/bill-nye-is-still-teaching A science show from the 1990s is still turning up in classrooms. Here is what Bill Nye the Science Guy was, why so many grownups remember it so fondly, and why teachers keep pressing play. Science https://lhcreative.studio/tech-blog/why-is-the-sky-blue https://lhcreative.studio/tech-blog/why-is-the-sky-blue The sky is blue because the tiny bits of gas in the air reflect blue sunlight around much more than red light, so blue reaches our eyes from every part of the sky. Science https://lhcreative.studio/tech-blog/why-the-sun-and-moon-look-the-same-size https://lhcreative.studio/tech-blog/why-the-sun-and-moon-look-the-same-size The sun is about 400 times wider than the moon and also about 400 times farther away, so the two discs look almost the same size in our sky. That match is a coincidence of timing, and it will not last forever. Science https://lhcreative.studio/tech-blog/bees-fly-more-like-drones-than-planes https://lhcreative.studio/tech-blog/bees-fly-more-like-drones-than-planes A bumblebee stays in the air the way a drone or helicopter does, by moving its wings fast instead of racing forward over a stiff wing. Science https://lhcreative.studio/tech-blog/the-earth-is-in-fact-round https://lhcreative.studio/tech-blog/the-earth-is-in-fact-round You can check that Earth is round from a beach, a campsite or a phone call to a friend in another time zone. People worked it out more than two thousand years ago, and one of them even measured it with shadows. Science https://lhcreative.studio/tech-blog/5-trendy-ui-effects https://lhcreative.studio/tech-blog/5-trendy-ui-effects A star cursor with a comet tail, frosted glass panels, scroll-driven animation, smooth page transitions and gradients that actually move, plus the one tip we would give for each. Engineering https://lhcreative.studio/tech-blog/how-to-make-cards-lift-as-you-scroll-on-a-phone https://lhcreative.studio/tech-blog/how-to-make-cards-lift-as-you-scroll-on-a-phone Phones can't hover, so our blog cards used to sit flat on mobile. Here's the small CSS class and IntersectionObserver we use to lift whichever card is in the middle of the screen as you scroll. Coding Tutorials https://lhcreative.studio/tech-blog/what-is-llms-txt-and-how-to-add-one https://lhcreative.studio/tech-blog/what-is-llms-txt-and-how-to-add-one A plain-English look at llms.txt, the proposed markdown file that gives AI assistants a short map of your site, what it can and can't promise, and how we wrote and tested our own. Studio notes https://lhcreative.studio/tech-blog/tell-google-who-you-are-with-organization-json-ld https://lhcreative.studio/tech-blog/tell-google-who-you-are-with-organization-json-ld Small business names collide, and search engines have to guess which one you meant. Organization structured data is one way a site owner can stop them guessing. Here's what it is, what we put in ours, and how to test it. Studio notes https://lhcreative.studio/tech-blog/how-to-build-a-thought-bubble-tooltip-with-css https://lhcreative.studio/tech-blog/how-to-build-a-thought-bubble-tooltip-with-css A step-by-step CSS tutorial for a tooltip that reads its label from a data attribute, pops up in a rounded bubble, trails off in three little circles and stays clickable, with no JavaScript. Coding Tutorials https://lhcreative.studio/tech-blog/night-sky-effects-that-know-when-to-sit-out https://lhcreative.studio/tech-blog/night-sky-effects-that-know-when-to-sit-out How the Night Sky UI Kit's star cursor, starfield and aurora check the visitor's device and settings before they draw a single frame. Engineering https://lhcreative.studio/tech-blog/automatic-pull-request-reviews https://lhcreative.studio/tech-blog/automatic-pull-request-reviews Give every pull request an automatic first review the moment it opens, and send each new pull request and its review to a dedicated Slack channel. Here is how the pieces fit. Agentic development https://lhcreative.studio/tech-blog/how-visitors-book-a-call https://lhcreative.studio/tech-blog/how-visitors-book-a-call Picking a time with us takes a few clicks and never leaves the page. Here is how the booking calendar on our site works, and the small checks that stop two people grabbing the same hour. Studio notes https://lhcreative.studio/tech-blog/inside-our-resumable-video-production-pipeline https://lhcreative.studio/tech-blog/inside-our-resumable-video-production-pipeline How we built a local seven-step pipeline that turns a history topic into a captioned video, with resumable state, bounded retries, and a human review gate. AI https://lhcreative.studio/tech-blog/how-to-make-a-headline-type-itself-out https://lhcreative.studio/tech-blog/how-to-make-a-headline-type-itself-out Build a headline that types itself out letter by letter with a blinking cursor, using plain HTML, CSS and a few lines of JavaScript. Coding Tutorials https://lhcreative.studio/tech-blog/how-to-add-a-copy-button-to-your-code-blocks https://lhcreative.studio/tech-blog/how-to-add-a-copy-button-to-your-code-blocks Add a small Copy button to every code block on your page that copies the code, says Copied for a moment, and tells screen reader users what happened. Coding Tutorials https://lhcreative.studio/tech-blog/how-to-make-a-confetti-burst-when-someone-clicks-a-link https://lhcreative.studio/tech-blog/how-to-make-a-confetti-burst-when-someone-clicks-a-link A no-library tutorial for a small burst of colorful confetti that pops out from the exact spot where someone clicks a link or button. Coding Tutorials https://lhcreative.studio/tech-blog/how-to-add-a-reading-progress-bar-to-your-blog-posts https://lhcreative.studio/tech-blog/how-to-add-a-reading-progress-bar-to-your-blog-posts Build a thin pink bar that fills across the top of the screen as someone reads your article, with a small JavaScript version and a pure CSS version for browsers that support scroll-driven animations. Coding Tutorials https://lhcreative.studio/tech-blog/how-to-build-a-dark-mode-toggle-that-remembers-your-choice https://lhcreative.studio/tech-blog/how-to-build-a-dark-mode-toggle-that-remembers-your-choice A step-by-step tutorial for a dark mode that follows your visitor's device setting, adds a toggle button that saves their pick in localStorage, and never flashes the wrong theme on load. Coding Tutorials https://lhcreative.studio/tech-blog/how-to-make-a-glowing-border-that-spins-around-a-card https://lhcreative.studio/tech-blog/how-to-make-a-glowing-border-that-spins-around-a-card A pure CSS tutorial for a card with a pink, purple and blue gradient border that spins around the edge and glows softly, with a calm static version for people who prefer less motion. Coding Tutorials