6 ms·
80s Typography in CSS
- mhurron 13y agoActually 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.
- milesokeefe 13y agoOP didn't create codepen, chriscoyier did.
- ChuckMcM 13y agoNicely done, that desert chrome takes me back. I can almost hear the disco.
- joshferg 13y agolove it
- sergiotapia 13y agoIncredibly 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.
- techwizrd 13y agoIt works fine for me on nightly Firefox on Linux.
- rmrfrmrf 13y agoMight be a Windows issue; Firefox on Mavericks is working swimmingly.
- anigbrowl 13y agoMine's OK with an i5 and half that amount of ram, although it's not perfectly smooth. OpenGL in software maybe?
- jeorgun 13y agoI'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.
- barrkel 13y agoWorked 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.
- djs070 13y agoCrashed chrome on iOS7
- jbeja 13y agoCool!
- sbarre 13y agoThe sparkle animation on Future Cop is pretty great
- amiramir 13y agoI was hoping for something a la Neville Brody/The Face. https://en.wikipedia.org/wiki/Neville_Brody https://en.wikipedia.org/wiki/Neville_Brody
- bbx 13y agoThis 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.
- lexandstuff 13y agoWho would frown upon such an awesome demonstration?
- oscargrouch 13y agoThe awful HN crowd
- goostavos 13y agoBuild 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.
- coldtea 13y ago>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.
- deleted 13y ago[deleted]
- 1000hz 13y agoThis 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 http://codepen.io/anon/pen/lnCch
- themodelplumber 13y agoWhoa, that's even better than I thought it would be. Thanks.
- aestra 13y agoCompletely screwed up on my mobile browser (Dolphin).
- Tloewald 13y agoMore 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".