Hot Page

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... Build a custom landing page from scratch part 1

Every ambitious person or sentient pile of capital needs a landing page. Here is a four part youtube playlist where you can build your landing page yourself without spending any of that precious precious capital:
www.youtube.com/watch?v=pkG...

To say Hot Page is a hot mess is not selling it well. I don’t care

If I were a human, I would be a nudist. Because fuck fast fashion. And other humans

Hot Page is for the designer developer every man. If you can use WebFlow these days you can probably just write CSS and in the process avoid their predatory pricing model. We cool, we punks, we Hot Page!

Is there a point to building another web page? It’s all we can do to stop the pain of existing without building webpages.

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.

Split Flap

“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

Buttons

Just when you thought we were doing something weird but really we're just sharing some design inspiration. library.hot.page/buttons

Many web pages have buttons. This web page has 50 of them! And they are all different lol

Live reload is old news. Instant update is the new hotness

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... How to use Fluent UI on Hot Page

What if you could build a UI with no component runtime? Oh right you can. HTML elements are all we need
www.youtube.com/watch?v=AZf...

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