TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Blast.js separates text for typographic manipulation

49 点作者 purpleturtle将近 11 年前

10 条评论

emluque将近 11 年前
This might be interesting to people who are into this library. I&#x27;ve been working on a JS library that allows for manipulation of CSS properties on a character by character or a word by word basis. You can even use math functions for interesting effects (like applying a Cos function to font size character by character). The library is finished (and there is even a simple GUI) though I&#x27;m still working on documentation and examples. You can check it out here: <a href="https://github.com/emluque/generativeText" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;emluque&#x2F;generativeText</a>
jahewson将近 11 年前
&gt; 5. All Latin alphabet languages and UTF-8 characters are supported.<p>This claim really needs revising, <i>only</i> latin languages are supported, and the implementation doesn&#x27;t use the Unicode boundary analysis algorithms. It certainly doesn&#x27;t support the whole of Unicode as it first appears.<p>This is a nice effort but make it clear that it&#x27;s Latin-only. Also, how well does it measure up to the Unicode UAX #29 grapheme&#x2F;word&#x2F;sentence break algorithms?
gh0sts将近 11 年前
Lettering.js recently merged some great accessibility code[1] that improves UX for screen readers by adding ARIA attributes. Each targeted element is given an aria-label with the original content, and each created span is marked with aria-hidden to avoid having the reader pause at every element. Would you consider implementing something similar for screen readers?<p>[1] <a href="https://github.com/davatron5000/Lettering.js/pull/51" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;davatron5000&#x2F;Lettering.js&#x2F;pull&#x2F;51</a>
评论 #8134101 未加载
ef4将近 11 年前
Nice work. I&#x27;m also a fan of velocity.js (and I wrote liquid-fire to make it easier to use velocity in Ember apps).<p>My top use case for something like blast is applying typographic rules that aren&#x27;t possible with CSS. Like adding extra letter-spacing to strings of all caps, and rendering &quot;AM&quot; and &quot;PM&quot; in small caps. I do several of these things already on an ad-hoc basis.
评论 #8133434 未加载
cursed将近 11 年前
Big fan of your Velocity.JS, Julian. How does Blast.JS compare to Lettering.JS? (<a href="http://letteringjs.com/" rel="nofollow">http:&#x2F;&#x2F;letteringjs.com&#x2F;</a>)<p>Edit: It&#x27;s been awhile since I&#x27;ve looked at Lettering, but to answer my own question, Lettering only splits on individual letters, while Blast allows for user-definable splits.
评论 #8133046 未加载
simlevesque将近 11 年前
Nice work.<p>However, in the example on the main page when you choose sentences it thinks that &quot;Blast.js&quot; is a sentence with the beginning of another. I think that you should ignore a dot if it&#x27;s there to declare a file extension.
评论 #8133757 未加载
nicholasreed将近 11 年前
This is wonderful! I see immediate use cases for drop-in username highlighting, without additional templating or &#x27;&lt;span&gt;&#x27; + username + &#x27;&lt;&#x2F;span&gt;&#x27; spaghetti.
owenversteeg将近 11 年前
You may want to change the size of the 6 on the IE6 logo. I had to copy and paste it into a new tab to tell what number it was.
rrrx3将近 11 年前
This is a really good thing to have in the old toolbelt. Thanks for creating it.
nobodysfool将近 11 年前
I prefer Font Bomb<p><a href="http://fontbomb.ilex.ca/" rel="nofollow">http:&#x2F;&#x2F;fontbomb.ilex.ca&#x2F;</a>
评论 #8132955 未加载