CSS with no px units

Hacker News

I recently built a new template for my rather basic WordPress blog. I wanted to avoid using px units wherever possible, so that I could have a design that would scale uniformly across multiple device resolutions. It started as an experiment, to see how far I could get without px units. The more I learned, the more excited my campaign to eliminate px from the stylesheet. I ended up eliminating px units entirely. Everything is sized with vw units (relative to the width of the viewport). The last remaining px units were sizing standard Facebook and Twitter buttons. I got frustrated by not being able to control the size of Facebook's Like button and ended up making my own buttons in CSS...with vw units, naturally. The only references to px units are in the media queries, because at this point I know of no better way to responsively serve different style sheets. For now, they don't bother me. Known issues: On a big enough viewport, it starts to get very big. I have no idea what it looks like in Internet Explorer and I don't think I want to know.

Visit product View on Hacker NewsMar 30, 2013

Share card

Actual performance

8points

Made the leaderboard

Launch Intel predictions

Analyze your own launch →

Indie HackersFits the IH revenue-focused audience · Strong signals: started · Missing: supports, reddit linkedin, podcasting

88%88% predicted probability of success on Indie Hackers, based on ML models trained on real launch data.

best fitHighest predicted score across all platforms for this description.

Hacker NewsStrong engagement from HN community · Strong signals: excited, ide, io · Missing: https docs, just released, exist

60%60% predicted probability of success on Hacker News, based on ML models trained on real launch data.

nativeThis product was originally launched on this platform.

Product HuntOn track for Day 1 leaderboard · Strong signals: new, using · Missing: mac, agents, macos

55%55% predicted probability of success on Product Hunt, based on ML models trained on real launch data.

TrustMRRLess likely to generate early MRR · Strong signals: way · Missing: mobile apps, ios, personal

45%45% predicted probability of success on TrustMRR, based on ML models trained on real launch data.

AppSumoMay struggle as an AppSumo deal · Missing: plus, platform, intuitive

41%41% predicted probability of success on AppSumo, based on ML models trained on real launch data.

Acquire.comPre-revenue stage for this audience · Missing: arr, mrr, revenue

17%17% predicted probability of success on Acquire.com, based on ML models trained on real launch data.

BetaListMay not resonate with beta-testers · Missing: web3, chat, crypto

0%0% predicted probability of success on BetaList, based on ML models trained on real launch data.

Correct prediction on native model

Similar products

css-sempai66%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

css-sempai

Hacker News3

CSS quests for the bravest66%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CSS quests for the bravest

Hacker News3

ＡＥ

ＡＥＳＴＨＥＴＩＣ.css66%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

ＡＥＳＴＨＥＴＩＣ.css

Hacker News1

Stylis – CSS Compiler68%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Stylis – CSS Compiler

Hacker News6

CSS Prettifier and Minifier71%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CSS Prettifier and Minifier

Hacker News1

CSS Penrose Triangle (Impossible Triangle)59%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CSS Penrose Triangle (Impossible Triangle)

Hacker News1

FizzBuzz in CSS66%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

FizzBuzz in CSS

Hacker News1

AtoZ CSS47%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

AtoZ CSS

Hacker News8

Normalize-OpenType.css66%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Normalize-OpenType.css

Hacker News1

CSS Analyser66%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

CSS Analyser

Hacker News1

Browse all products Analyze your launch