The 9am Blog http://9am.github.io/ 9am blog https://github.com/9am/9am.github.io/raw/main/assets/img/logo.svg 9am http://9am.github.io/ en-us Tue, 16 Apr 2024 07:47:42 GMT tech.9am@gmail.com How to build a 3D eye staring at the mouse with only CSS https://github.com/9am/9am.github.io/issues/19 tech.9am@gmail.com Tue, 16 Apr 2024 07:08:15 GMT I_kwDOFkEW486F1Ew6 Transition on an active highlight - it's not as simple as it seems https://github.com/9am/9am.github.io/issues/18 After fixing a bug, I found that to achieve this on the web takes more effort than I expected. However, the new view transition API offers a straightforward solution. tech.9am@gmail.com Fri, 15 Dec 2023 03:41:14 GMT I_kwDOFkEW4855wzts A Pure CSS 'mousemove' Detector with :has() https://github.com/9am/9am.github.io/issues/17 Build a 'mousemove' event listener with just CSS. tech.9am@gmail.com Thu, 16 Nov 2023 09:08:15 GMT I_kwDOFkEW4852_poo Twist The Reality with feDisplacementMap https://github.com/9am/9am.github.io/issues/16 tech.9am@gmail.com Wed, 25 Oct 2023 09:48:45 GMT I_kwDOFkEW48504lXe Dynamic Hits Counter with Deno https://github.com/9am/9am.github.io/issues/15 How to build a dynamic image API that works as a hits counter powered by Deno Deploy and Deno KV tech.9am@gmail.com Wed, 20 Sep 2023 06:13:50 GMT I_kwDOFkEW485xgEB2 CMYK Halftone - The Art of Downsampling https://github.com/9am/9am.github.io/issues/14 Explore the painting art of dots and 4 colors. tech.9am@gmail.com Tue, 15 Aug 2023 08:57:59 GMT I_kwDOFkEW485uVcIE macOS Monterey Screensaver with CSS https://github.com/9am/9am.github.io/issues/13 Try to build the simple but fantastic macOS screensaver with CSS perspective, clip-path, and gradient. tech.9am@gmail.com Wed, 12 Jul 2023 09:28:49 GMT I_kwDOFkEW485rUnXh If Chinese Characters(漢字) Are Curried Functions... https://github.com/9am/9am.github.io/issues/12 Find out interesting possibilities about thinking Chinese characters the programmatic way. tech.9am@gmail.com Tue, 27 Jun 2023 04:14:23 GMT I_kwDOFkEW485p3IUg A Flipping Book Magic https://github.com/9am/9am.github.io/issues/11 After 12 years, I did it again. But with HTML/CSS/JS! tech.9am@gmail.com Mon, 10 Apr 2023 09:20:38 GMT I_kwDOFkEW485i-T9n Every Animation Lover Needs A Control Panel https://github.com/9am/9am.github.io/issues/10 A simple ctrl-panel I made for myself. tech.9am@gmail.com Tue, 29 Nov 2022 07:56:35 GMT I_kwDOFkEW485XegG_ Seeing SVG Filter https://github.com/9am/9am.github.io/issues/9 A visualization tool that helps to understand complicated SVG filter effects. tech.9am@gmail.com Wed, 21 Sep 2022 09:26:27 GMT I_kwDOFkEW485SSol8 My Takes on Blogging with GitHub https://github.com/9am/9am.github.io/issues/8 Is it possible to host a tech blog with GitHub only? tech.9am@gmail.com Mon, 29 Aug 2022 09:50:34 GMT I_kwDOFkEW485QtH9b Light a 'Fire' with Canvas and Particles. https://github.com/9am/9am.github.io/issues/7 A simple way to draw a dynamic fire flame on the page. tech.9am@gmail.com Thu, 28 Jul 2022 09:31:15 GMT I_kwDOFkEW485Ot52w Call APIs Before It Existed? Sure! https://github.com/9am/9am.github.io/issues/6 tech.9am@gmail.com Mon, 13 Jun 2022 05:07:04 GMT I_kwDOFkEW485LogdZ < img-tissue > https://github.com/9am/9am.github.io/issues/5 How to make a minimization effect with canvas. tech.9am@gmail.com Thu, 19 May 2022 09:11:29 GMT I_kwDOFkEW485J_2Kc Headline Hopps https://github.com/9am/9am.github.io/issues/4 Using 50 lines of plain javascript to build a browser add-on to show all the headlines on a page and navigate between them. tech.9am@gmail.com Tue, 19 Apr 2022 10:12:46 GMT I_kwDOFkEW485IAp1G < img-victor > https://github.com/9am/9am.github.io/issues/3 How to create a web component that draws an image with lines using LSD & web worker. tech.9am@gmail.com Tue, 22 Mar 2022 09:08:47 GMT I_kwDOFkEW485GH59f 9am Blog https://github.com/9am/9am.github.io/issues/1 tech.9am@gmail.com Wed, 02 Feb 2022 06:26:19 GMT I_kwDOFkEW485C2aJn