TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

CSS Styles for cooler looking ascii-art

32 pointsby mofosyneover 10 years ago

4 comments

some1elseover 10 years ago
I don&#x27;t have perfect vision, so these sort of glows kick in automatically, especially when I&#x27;m tired. I&#x27;t problematic enough to make me switch to a lower contrast theme when I work at night. It would make sense to apply an effect like that only if it were _increasing_ legibility.<p>Take a look at this a demo pic: <a href="http://cl.ly/image/1i0x2X3W3G0x" rel="nofollow">http:&#x2F;&#x2F;cl.ly&#x2F;image&#x2F;1i0x2X3W3G0x</a><p>Notice the rare case where the drop-shadow helps increase the contrast between foreground and background. You&#x27;ll get props for doing that any time you pull it off.
评论 #8904356 未加载
zoidbover 10 years ago
Nice! The banner generator uses figlet fonts and there is a javascript parser out there, check out <a href="http://github.com/scottgonzalez/figlet-js" rel="nofollow">http:&#x2F;&#x2F;github.com&#x2F;scottgonzalez&#x2F;figlet-js</a><p>Also speaking of which I created a canvas breakout game that uses a modified version of that lib a month ago - <a href="https://github.com/jarv/ascii-breakout" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;jarv&#x2F;ascii-breakout</a> (<a href="http://ascii-breakout.com" rel="nofollow">http:&#x2F;&#x2F;ascii-breakout.com</a> if you want to see it in action)
评论 #8904571 未加载
tom4000over 10 years ago
I&#x27;d prefer plain style without shadows.
评论 #8904209 未加载
pherocity_over 10 years ago
Although, I like the Mona Lisa example, I have to think that the point of ASCII art is to look like ASCII art because if it doesn&#x27;t, then it&#x27;s just a shitty picture. Cool POC tho.