80s Typography in CSS | Hacker News Reader

80s Typography in CSS

codepen.io

117 pointsbenoitg25 comments

This is pretty rad. I especially love the scanlines on VECTRO. I saw there was supposed to be an animation on it, but it was commented out so I forked it a little and started tinkering. Here's my attempt at CRT nostalgia:

http://codepen.io/anon/pen/lnCch

Whoa, that's even better than I thought it would be. Thanks.

Actually your site works just fine without javascript once I get rid of that annoying 'this site does not work without javascript' message.

Edit: the site. Honestly I meant 'your' as in the site owner. I'm just annoyed by sites that block their content that loaded just fine because I'm not running javascript.

OP didn't create codepen, chriscoyier did.

This little CSS experiment is usually the kind of irrelevant demonstration that is commonly frowned upon because it has no practical use.

But no matter how apparently futile this showcase can appear, it's still inherently valid because it maintains a clean separation between content (which in this case comprises 14 lines of HTML) and its representation (provided by its CSS styling).

I won't use it but I will learn from it.

>This little CSS experiment is usually the kind of irrelevant demonstration that is commonly frowned upon because it has no practical use.

How does this not have a practical use? This isn't "I designed Twitter's icon with CSS", this is actual text styles.

Anybody doing an 80's style project, for example, could use those.

Who would frown upon such an awesome demonstration?

The awful HN crowd

Build anything and someone (usually the top comment on Hacker News) will dismiss it, mock you for wasting your time, and talk about how X was already solved years ago.

And then they'll link to their project after talking smack. I call it shark tank syndrome

See also: the engineering dance. When two engineers meet and shit test each other on their knowledge, until both are satisfied they are better than the other guy.

Incredibly slow scrolling on my 32GB DD3 RAM, SSD, i7 3770K desktop PC. Using Chrome latest, windows 8.1

Why?

Edit: Doesn't even work on Firefox latest, IE latest.

Worked smoothly in Chrome 31[1], on 32GB i7 3770K w/ GTX 680 graphics.

Upgraded to Chrome 32, noticed different scroll bars, and now it's jerky when scrolling.

Looks like a Chrome regression.

[1] I disable all 3 auto-update mechanisms Google uses on Windows: HKCU\..\Run, Task Scheduler tasks and gupdate* services. It's almost like a virus.

Might be a Windows issue; Firefox on Mavericks is working swimmingly.

I'm getting similarly horrible performance on Chromium what-I-assume-is-latest (32.0.1700.107) on Arch Linux; Firefox has no performance issues but doesn't actually render all of the CSS being showcased.

Mine's OK with an i5 and half that amount of ram, although it's not perfectly smooth. OpenGL in software maybe?

It works fine for me on nightly Firefox on Linux.

Crashed chrome on iOS7

More like 70's panel van art.

80s typography is probably best exemplified by Neville Brody. Process colors were rarely used (owing to expense) so it tended to rely on a lot of very dramatic and grungy layouts and spot colors.

Look up "Neville Brody" and "The Face".

Nicely done, that desert chrome takes me back. I can almost hear the disco.

I was hoping for something a la Neville Brody/The Face. https://en.wikipedia.org/wiki/Neville_Brody

Completely screwed up on my mobile browser (Dolphin).

The sparkle animation on Future Cop is pretty great

Cool!

love it

Reply on news.ycombinator.com