80s Typography in CSS(codepen.io)

117 pointsby benoitgvor 12 Jahren25 comments

http://codepen.io/boldfacedesign/details/EoGgD

12 comments

1000hzvor 12 Jahren

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

themodelplumbervor 12 Jahren

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

mhurronvor 12 Jahren

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.

milesokeefevor 12 Jahren

OP didn't create codepen, chriscoyier did.

bbxvor 12 Jahren

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.

coldteavor 12 Jahren

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

lexandstuffvor 12 Jahren

Who would frown upon such an awesome demonstration?

oscargrouchvor 12 Jahren

The awful HN crowd

goostavosvor 12 Jahren

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.

goldenkeyvor 12 Jahren

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

johnbmvor 12 Jahren

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.

sergiotapiavor 12 Jahren

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.

barrkelvor 12 Jahren

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.

rmrfrmrfvor 12 Jahren

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

jeorgunvor 12 Jahren

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.

anigbrowlvor 12 Jahren

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

techwizrdvor 12 Jahren

It works fine for me on nightly Firefox on Linux.

djs070vor 12 Jahren

Crashed chrome on iOS7

Tloewaldvor 12 Jahren

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

ChuckMcMvor 12 Jahren

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

[deleted]vor 12 Jahren

amiramirvor 12 Jahren

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

aestravor 12 Jahren

Completely screwed up on my mobile browser (Dolphin).

sbarrevor 12 Jahren

The sparkle animation on Future Cop is pretty great

jbejavor 12 Jahren

Cool!

joshfergvor 12 Jahren

love it