Skip to content

Commit

Permalink
change text
Browse files Browse the repository at this point in the history
  • Loading branch information
wentin committed Dec 23, 2014
1 parent 6feb52a commit 24dabf0
Showing 1 changed file with 11 additions and 3 deletions.
14 changes: 11 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,15 @@ <h2>Idea</h2>
</p>

<h2>Logs</h2>
<p>Dec 2, 2014 start proof of concept it now works on chrome/safari! Dec 4, 2014 add approach 2, one single canvas for each element. Dec 10, 2014 finish finding descenderline with svg/js finish String class to draw underline with guitar string animation, not merged yet. start guitar string animation! Can you imagine this happen to your text underline! http://wentin.github.io/underlineJS/stringAnimation/ Dec 18, 2014 demo page design
<p>Dec 2, 2014 <br>
start proof of concept it now works on chrome/safari! <br>
Dec 4, 2014 <br>
add approach 2, one single canvas for each element. <br>
Dec 10, 2014 <br>
finish finding descenderline with svg/js finish String class to draw underline with guitar string animation, not merged yet. start guitar string animation! Can you imagine this happen to your text underline! <br>
<a href="http://wentin.github.io/underlineJS/stringAnimation/" class="underline">http://wentin.github.io/underlineJS/stringAnimation/</a> <br>
Dec 18, 2014 <br>
demo page design
</p>
<h2>To do list</h2>
<p></p>
Expand Down Expand Up @@ -107,11 +115,11 @@ <h2>
<li>clear the descenders,</li>
<li>(perhaps) have a separate style for visited links.</li>
</ul>
<p>There were several roads near by, but it did not take her long to find the one paved with yellow bricks. Within a short time she was walking briskly toward the <a href="#" class="underline">Emerald City</a>, her silver shoes tinkling merrily on the hard, yellow road-bed. The sun shone bright and the birds sang sweetly, and Dorothy did not feel nearly so bad as you might think a little girl would who had been suddenly whisked away from her own country and set down in the midst of a strange land.</p>
<p>There were several roads near by, but it did not take her long to find the one paved with yellow bricks. Within a short time she was <a href="#" class="underline">walking briskly</a> toward the Emerald City, her silver shoes tinkling merrily on the hard, yellow road-bed. The sun shone bright and the birds sang sweetly, and Dorothy did not feel nearly so bad as you might think a little girl would who had been suddenly whisked away from her own country and set down in the midst of a strange land.</p>
<p>She was surprised, as she walked along, to see how pretty the country was about her. There were neat fences at the sides of the road, painted a dainty blue color, and beyond them were fields of grain and vegetables in abundance. Evidently the Munchkins were good farmers and able to raise large crops. <a href="#" class="underline">Once in a while she would pass a house, and the people came out to look at her and bow low as she went by; for everyone knew she had been the means of destroying the Wicked Witch and setting them free from bondage. The houses of the Munchkins were odd-looking dwellings, for each was round, with a big dome for a roof. All were painted blue, for in this country of the East blue was the favorite color.</a>
</p>
<blockquote>
Five years ago, building a layout rendering engine and building an animation engine in JavaScript was ludicrous because JavaScript is nowhere near as fast as Compiled C,” said Newcomb. “Javascript went from maybe being 1000x slower than Compiled C to 80% as fast as <a href="#" class="underline">Compiled C</a> and that was sort of the ah-ha moment for us as deep platform engineers.
Five years ago, building a layout <a href="#" class="underline">rendering engine</a> and building an animation engine in JavaScript was ludicrous because JavaScript is nowhere near as fast as Compiled C,” said Newcomb. “Javascript went from maybe being 1000x slower than Compiled C to 80% as fast as <a href="#" class="underline">Compiled C</a> and that was sort of the ah-ha moment for us as deep platform engineers.
</blockquote>
<p>Since the writing of that post, Apple released Safari 8.0 and Safari for iOS 8, which modifies the rendering of the venerable text-decoration: underline property to fulfill Wichary’s fourth goal by clearing the descenders. I grabbed a screenshot of Wichary’s ideal vision with the way the same word as a link is rendered in Safari 8.0:</p>
<p>You can see another example of the “native” Safari underline in the screenshot at the top of the page, from <a href="#" class="underline">The New Yorker</a> (with modified text content to illustrate descenders). Overall, the underline is much thicker than Wichary’s ideal and sits too close to the text for my comfort. But most damningly to my mind, the underline does not change weight to adapt to the weight of the font, leading to unfortunate mismatches like with the :hover style on <a href="#" class="underline">Angel List:</a></p>
Expand Down

0 comments on commit 24dabf0

Please sign in to comment.