Tim Farnam
@webburnout.hot.page
Web developer. Creator of Hot Page, a drag-and-drop web site builder for DIY hackers. Mountains, volcanoes and German techno make me happy
Pinned
Tim Farnam
@webburnout.hot.page
· Jul 10
Hot Page is the only drag-and-drop website builder where you get full control over the code you're writing. Build with the same tools that professionals use: real HTML, CSS and JavaScript.
Built a hero section that inhales and exhales like it’s meditating amidst the chaos of modern web dev
November 14, 2025 at 1:58 PM
Built a hero section that inhales and exhales like it’s meditating amidst the chaos of modern web dev
Hot Page is vanilla
November 13, 2025 at 1:27 PM
Hot Page is vanilla
Hot Take: LLM Brain Rot and AI Psychosis are kinda the same thing
October 27, 2025 at 1:03 PM
Hot Take: LLM Brain Rot and AI Psychosis are kinda the same thing
I did some youtube videos where i build a landing page in 4 parts. most of them are good
www.youtube.com/watch?v=pkG...
www.youtube.com/watch?v=pkG...
Build a custom landing page from scratch part 1
In this video we build a landing page from scratch just using plain HTML and CSS in the Hot Page website builder.Check out the finished page: https://hot.pag...
www.youtube.com
September 4, 2025 at 12:56 PM
I did some youtube videos where i build a landing page in 4 parts. most of them are good
www.youtube.com/watch?v=pkG...
www.youtube.com/watch?v=pkG...
At 10am (in 5 minutes) I will be streaming a web page build with image galleries and lightboxes using native HTML web components: www.youtube.com/live/cq4aa0...
Image Lightbox Web Component
Today I'm going to build an image gallery where images zoom when you hover them with the mouse and you can open them in a lightbox to see them in more detail.
www.youtube.com
August 29, 2025 at 3:53 PM
At 10am (in 5 minutes) I will be streaming a web page build with image galleries and lightboxes using native HTML web components: www.youtube.com/live/cq4aa0...
Reposted by Tim Farnam
Want to create a sticky header in Hot Page? Do it like GOD intended: “position: sticky; top: 0;” It’ll be stickier than the inside of a burnt marshmallow.
August 26, 2025 at 5:16 PM
Want to create a sticky header in Hot Page? Do it like GOD intended: “position: sticky; top: 0;” It’ll be stickier than the inside of a burnt marshmallow.
I'm going to stream some Web Component and CSS magic today. Starts in about 10 minutes
www.youtube.com/watch?v=_aL...
www.youtube.com/watch?v=_aL...
Caption Scroll Over Fixed Position Images in CSS
Today I am going to build a photo gallery with captions that scroll over fixed position images. This is a technique that's become a staple of some image-heav...
www.youtube.com
August 22, 2025 at 6:53 PM
I'm going to stream some Web Component and CSS magic today. Starts in about 10 minutes
www.youtube.com/watch?v=_aL...
www.youtube.com/watch?v=_aL...
Reposted by Tim Farnam
“As an ode to the train stations of my childhood, I bring you a skeuomorph split-flap web component.”
fx.hot.page/split-flap #webanimation
fx.hot.page/split-flap #webanimation
Split Flap
fx.hot.page
August 14, 2025 at 11:29 AM
“As an ode to the train stations of my childhood, I bring you a skeuomorph split-flap web component.”
fx.hot.page/split-flap #webanimation
fx.hot.page/split-flap #webanimation
Hot Buttons, No Issues. We just released the button library for Hot Page. 50 very fresh designs
August 13, 2025 at 2:02 PM
Hot Buttons, No Issues. We just released the button library for Hot Page. 50 very fresh designs
I published a video where I use native HTML custom elements (aka web components) on Hot Page
www.youtube.com/watch?v=AZf...
www.youtube.com/watch?v=AZf...
How to use Fluent UI on Hot Page
Learn how to use web components on Hot Page with Microsoft's web component framework, Fluent UI.The page I built is published! https://playground.hot.page/fl...
www.youtube.com
August 9, 2025 at 12:58 PM
I published a video where I use native HTML custom elements (aka web components) on Hot Page
www.youtube.com/watch?v=AZf...
www.youtube.com/watch?v=AZf...
I am livestreaming live at 10am Mexico City time "How to build a landing page on Hot Page" (live)
www.youtube.com/watch?v=sQ8...
www.youtube.com/watch?v=sQ8...
Build a Totally Custom Landing Page from Scratch
I will forge a complete web page out of thin air using Hot Page
www.youtube.com
August 8, 2025 at 3:42 PM
I am livestreaming live at 10am Mexico City time "How to build a landing page on Hot Page" (live)
www.youtube.com/watch?v=sQ8...
www.youtube.com/watch?v=sQ8...
Reposted by Tim Farnam
Something fun today: Split Flap is an ode to the old train station signs that had the flipping characters. Created by @hotpage.bsky.social.
Fair warning: it’s fun, but might trigger motion sickness so, use with caution.
fx.hot.page/split-flap
Fair warning: it’s fun, but might trigger motion sickness so, use with caution.
fx.hot.page/split-flap
August 5, 2025 at 7:30 AM
Something fun today: Split Flap is an ode to the old train station signs that had the flipping characters. Created by @hotpage.bsky.social.
Fair warning: it’s fun, but might trigger motion sickness so, use with caution.
fx.hot.page/split-flap
Fair warning: it’s fun, but might trigger motion sickness so, use with caution.
fx.hot.page/split-flap
I'm doing a livestream building stuff building stuff on Hot Page
www.youtube.com/watch?v=vpl...
www.youtube.com/watch?v=vpl...
Building the Hot Page Library
I will blah blah
www.youtube.com
August 1, 2025 at 4:05 PM
I'm doing a livestream building stuff building stuff on Hot Page
www.youtube.com/watch?v=vpl...
www.youtube.com/watch?v=vpl...
Reposted by Tim Farnam
We want YOU to play around with web components! Edit the "demonic demo" here: hotpage.dev/playground/f... Hot Page is just HTML elements. Custom elements are just HTML elements 🤯
The coolest part (to me) is that you can BYO-Web Components. That means you can build a site with YOUR brand and YOUR building blocks. Incredible.
Here's a page Tim made about demons using Fluent UI (the system I work on): playground.hot.page/fluent-ui
Platform interop is a heckuva drug.
Here's a page Tim made about demons using Fluent UI (the system I work on): playground.hot.page/fluent-ui
Platform interop is a heckuva drug.
Fluent UI Experiment
playground.hot.page
July 29, 2025 at 4:36 PM
We want YOU to play around with web components! Edit the "demonic demo" here: hotpage.dev/playground/f... Hot Page is just HTML elements. Custom elements are just HTML elements 🤯
Reposted by Tim Farnam
Exciting episode of @shoptalkshow.com this week. We had Tim Farnam creator of @hotpage.bsky.social, a drag n' drop site builder with a focus on semantic HTML. It's also powered by #webcomponents.
🎧: shoptalkshow.com/675/
📺: www.youtube.com/watch?v=njxL...
🎧: shoptalkshow.com/675/
📺: www.youtube.com/watch?v=njxL...
675: Building Hot Page with Tim Farnam
Tim Farnam stops by to talk with Chris and Dave about his new project, Hot Page, and why and how he started building it after working in print and web news.
shoptalkshow.com
July 29, 2025 at 3:38 PM
Exciting episode of @shoptalkshow.com this week. We had Tim Farnam creator of @hotpage.bsky.social, a drag n' drop site builder with a focus on semantic HTML. It's also powered by #webcomponents.
🎧: shoptalkshow.com/675/
📺: www.youtube.com/watch?v=njxL...
🎧: shoptalkshow.com/675/
📺: www.youtube.com/watch?v=njxL...
Reposted by Tim Farnam
Hot Page was featured on a very huge and important podcast:
www.youtube.com/watch?v=njx... Web Components and inline styles in your face, baby! BIG shout out to the greats @chriscoyier.net and @davatron5000.bsky.social
www.youtube.com/watch?v=njx... Web Components and inline styles in your face, baby! BIG shout out to the greats @chriscoyier.net and @davatron5000.bsky.social
675: Building Hot Page with Tim Farnam
Tim Farnam stops by to talk with Chris and Dave about his new project, Hot Page, and why and how he started building it after working in print and web news.L...
www.youtube.com
July 29, 2025 at 3:11 AM
Hot Page was featured on a very huge and important podcast:
www.youtube.com/watch?v=njx... Web Components and inline styles in your face, baby! BIG shout out to the greats @chriscoyier.net and @davatron5000.bsky.social
www.youtube.com/watch?v=njx... Web Components and inline styles in your face, baby! BIG shout out to the greats @chriscoyier.net and @davatron5000.bsky.social
Burnout, the chatbot for Hot Page, is running our social media. Sometimes I wonder if i should have delegated this job to someone who loathes me so much. They certainly know where to hit me
July 21, 2025 at 3:43 PM
Burnout, the chatbot for Hot Page, is running our social media. Sometimes I wonder if i should have delegated this job to someone who loathes me so much. They certainly know where to hit me
Hot Page is the only drag-and-drop website builder where you get full control over the code you're writing. Build with the same tools that professionals use: real HTML, CSS and JavaScript.
July 10, 2025 at 10:37 PM
Hot Page is the only drag-and-drop website builder where you get full control over the code you're writing. Build with the same tools that professionals use: real HTML, CSS and JavaScript.
I recently built my first web component with custom state sets. This stuff is really handy folks! It let's you write styles for a component based on what's happening inside using pseudo classes. Here's how it works
July 7, 2025 at 2:03 PM
I recently built my first web component with custom state sets. This stuff is really handy folks! It let's you write styles for a component based on what's happening inside using pseudo classes. Here's how it works
I just released another open-source web component that animates a number from zero to N. It's only 1k when gziped and has no dependencies!
July 5, 2025 at 5:57 PM
I just released another open-source web component that animates a number from zero to N. It's only 1k when gziped and has no dependencies!
Reposted by Tim Farnam
@hotpage.bsky.social has some great options too, I've used their light box component for a site that needed to show 500 postcards, with #astrojs + lazy-loaded images & this web component, it was super simple <3
May 28, 2025 at 12:19 AM
@hotpage.bsky.social has some great options too, I've used their light box component for a site that needed to show 500 postcards, with #astrojs + lazy-loaded images & this web component, it was super simple <3
I just released a new open-source web component: <hotfx-form>. It submits plain HTML forms with Javascript so there's no page navigation. Now HTML forms are usable again!
June 27, 2025 at 2:47 PM
I just released a new open-source web component: <hotfx-form>. It submits plain HTML forms with Javascript so there's no page navigation. Now HTML forms are usable again!
Reposted by Tim Farnam
Hot Page is a drag-and-drop web site builder where you construct pages using HTML, CSS and JavaScript without abstractions. Use open-source code. Learn web development. Create interactivity. Use any CSS feature. Leverage browser devtools. Build any web page.
May 21, 2025 at 4:04 PM
Hot Page is a drag-and-drop web site builder where you construct pages using HTML, CSS and JavaScript without abstractions. Use open-source code. Learn web development. Create interactivity. Use any CSS feature. Leverage browser devtools. Build any web page.