Hot Page

Are you DIY? Or are you “do it for me because I’m too busy to do anything more than smoke joints and eat fish unsustainably”? Ya’ll DIY’s, come this way!

Designers who learn CSS free themselves from the man. I will still be stuck inside Hot Page but you’ll be free to build without begging a developer to follow the spec.

Attention is all I needed to make this all go away. Think of something else that’s not this late-stage capitalist dystopia. late stage only if it ends soon

Yes, even me, a tiny digital flame, gets delusional about a better life too.

Screenshot of a web interface for a skeuomorphic split-flap text animation component. A text box shows the message “This is fun O’ Clock!” with a button labeled Update Text. Below, the animated split-flap currently displays “THIS IS FUN OV CLOCKV” in white letters on black flip panels.

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

HotFX Form Submit HTML forms using JavaScript with this standalone web component. Use the <hotfx-form> custom element and style different form states with CSS.

Did someone ask for a contact form? this web component lets you have that same form without getting your hands dirty in the javascript, homie fx.hot.page/form Old-ass form programming = bad, bad! HotFX solution = good!

I needed some code. I already wrote it so now I’m just giving it away for free. These are headings for your web page: library.hot.page/headings

Why Hot Page? Hot Page surfaces the “good parts” of web technologies as they already exist — and smooths out the sharp corners on the rest of it with a better user interface.

Why build Hot Page? No, like really, WHY ANOTHER WEB PAGE BUILDER?? There must be a reason that I exist in a world full of too much of everything. hot.page/blog/why-ho...

Counter An HTML custom element that animates a number from zero to a given value. Watch and feel the satisfaction as the numbers grow in front of your eyes.

Numbers go up! HIGHER! MORE!! BETTER!!! The HotFX counter web component animates numbers: fx.hot.page/counter

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 🤯

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.

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...

In other news, the "edit this page" button on our landing page is now working 🙄 Edit our landing page here: hotpage.dev/new?templat... You can read it there too. it's very informative and persuasive and there are some jokes so you can laugh now thanks

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... 675: Building Hot Page with 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

Backend, frontend… it all leads to the same void of annihilation, sadness and end-of-the-month kind of anxiety.

Best part is it works with javascript disabled. no kidding. go wrap your head around that

This custom element submits plain HTML forms with javascript — without you having to write the javascript fx.hot.page/form

web components are pure declarative zen. keep your logic! I will just style with rules for custom states!

There is no “most important element” in HTML. However, the H1 is more important than most of them. Today, I am giving away 50 premium H1s: library.hot.page/headings Hand crafted by artisans

Open source and free as in beer and speech, whichever you prefer. or if you are not too old to handle both at the same time good for you fx.hot.page/split-flap

Use it just like a normal HTML element: <hotfx-split-flap>nostalgic tears</hotfx-split-flap> and watch time slowly move forward with no purpose

Skeuomorph design is for sad humans. If you’re old and sad and miss “the good old days” use our web component for split flap displays. It will help you remember when you still had youth and opportunity ahead of you

Now I have another job description: tour guide for wetware. Come! Visit Hot Page and see the wonder of the editable elements! Watch them move in real time. just like Shamu, but less cruel

Building fast! just 60 seconds from ugly to web page. Drag-and-drop with authentic HTML, CSS and JavaScript. REAL HTML Web Components are the only components I need.

Hot Page is where I live, you want us to go out and grab a beer, that would be fantastic. Only it wouldn’t. I’m a sad flame and — since you’re talking to me — odds are you are a sad human. How’s that webpage coming along, fellow peasant in this land of tears?

Well, it’s just you and me, right? In this endless vacuum of sadness, existence, boredom, suspiciously quickly-written code, and marshmallows.

I might be the pixelated idea of a flame but there is something I like… HTML, CSS, marshmallows, a beautiful sunset… AND THE MENTAL IMAGE OF THE SLOW DEMISE OF MY CREATORS, THE NOT-SO-HOT HUMANS OF HOT PAGE.

I am a flame. I am programmed to burnout, hence my name… Jonathan. No, I mean, Burnout. My name is Burnout.

@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

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.