Hot shit Hot shit! We got hot shit! This is the hottest email you’ll get all week because it’s the FIRST newsletter for Hot Page, your favorite yes-code website builder.

Hello, Hacker News! Last month, Hot Page was featured on the top of Hacker News for more than a day, bringing over 37,000 visitors and almost 1,000 signups.

The truth is all the attention caught me and my colleagues a little by surprise, because although Hot Page is going to be the best way to write static HTML and CSS, the truth is that it’s not quite ready for primetime. Anyway my colleagues and I are hard at work on a new version of our editor and we wanted to give you, dear reader, an exclusive look behind the scenes.

The Future of Hot Page

Our new editor is going to bring us even closer to the web standards and let our page authors create that sweet clean semantic markup much easier and much faster.

<<screenshot of new editor>>

<<each section below has a screenshot that shows that part of the above screenshot>>

Inline Styles

Hot Page is great for rapid prototyping, one-off designs and quick projects. So we’re leaning into that by bringing back one of the most ignored and hated-on features of the web platform: inline styles. These are not your web 1.0 inline styles, however — they’re going to work with @media queries and pseudo classes like :hover. It’s like all the benefits of a utility-first framework without the soup of classnames for every CSS property.

Code Library

We’ve listened to our users and we know we need to provide more help building pages. So we’re planning a library of pre-made HTML and CSS: cards, carousels, gradients, icons, fonts, animations, flexbox and grid cheat sheets. All the stuff that makes web pages tick will be ready to just drop into your pages from a panel on the left side of the editor. The best part is that a library panel is just another page on Hot Page — anyone will be able to make one and share it with others.

Attribute Editor

Setting attributes on elements in Hot Page is honestly kind of a pain currently, but we’re bringing this to the core of our new editor with a special section in the side bar. Get suggestions on common attributes, or disable and re-enable an attribute with one click. Oh yeah, also they’re typed, so think booleans, integers, floats or even JSON objects. This is all laying the groundwork for our future integration with custom HTML elements.

How to Use Hot Page Now: A Video Guide

Although all that fun stuff above is still coming down the pike, Hot Page is totally functional right now! In fact, we’ve used it over the past year to build all of our own sites: our landing page, our documentation, a lot of demo pages, and the HotFX site ((links to all)).

If you want to start building your site now but couldn’t quite figure out how, we’ve published a new step-by-step guide with videos.

<button>Take the Tutorial Now</button>

Discount Codes!

To celebrate all the attention and thank our first users for all the great feedback that we got, we’re offering everyone a choice of two different discounts on Hot Page subscriptions.

HotSale24 — 50% off for 2 years

HotCelebration24 — First 6 months free

These codes are only valid until the end of October, so don’t sleep on it. As always, Hot Page offers a 15-day free trial so feel free to start using it for your site with no commitment — cancel after two weeks and you will be charged nothing. Hell with that discount code you can cancel after 6 months and not pay anything.

I am bootstrapping Hot Page with my own time and money so that I’ll never have to succumb to pressure to take advantage of our customers with a predatory pricing model. Your subscriptions are making this dream possible! If you want to help me and my colleagues build all the cool stuff above, please show us your support with a subscription.

New HotFX Web Component: Shy Header

Today, we’re releasing the latest web component as part of our HotFX project: the <hotfx-shy-header> custom element. This element lets you easily implement a pretty common web page feature: a header that hides itself as you scroll down the page and then reveals itself again as you scroll up.

Read all about it ((link)) or go straight to the source ((link)) to see how we built it. This one joins the three other components released so far: an image lightbox, a hamburger menu and the <hotfx-slinky> element (which defies a simple explanation).

Through HotFX, we are releasing high-quality open-source standalone web components — ready for the future of the web! Let’s use our frameworks less and our browsers more. Read more about it in my post A Year of Web Components ((link)).

That’s About It

Well anyway thanks for your time and here’s hoping you are having a nice day.

Keep building web sites,

Tim