apphttp://127.0.0.12011-11-01a new homepage up and runninghttp://127.0.0.1/2011/11/02/a-new-homepage-up-and-running/2011-11-022011-11-02<p>My old blog have been down for 15 months – at least. I’m embarrassed. People have asked me why my blog is down, and I’ve responded; I know. I’ve been busy, but I’m working on it. It turns out I’ve been working on it for 15 months!!!</p>
<p>My old blog have been down for 15 months – at least. I’m embarrassed. People have asked me why my blog is down, and I’ve responded; I know. I’ve been busy, but I’m working on it. It turns out I’ve been working on it for 15 months!!!</p>
<p>To make a long story short, I’ve actually been busy creating a few iPhone and iPad apps and I’ve started my own company. It’s been incredible fun. My time is up for today, but it will hopefully not take 15 months until I publish my next post.</p>
<p>g</p>
typography testhttp://127.0.0.1/2011/11/01/typography-test/2011-11-012011-11-01<p>
This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you can play upon it…
<p>
This page falls somewhere between a tool and an essay. It sets out to explore how the intertwined typographic concepts of scale and rhythm can be encouraged to shake a leg on web pages. Drag the colored boxes along the scale to throw these words anew. For the most part, this text is just a libretto for the performance you can play upon it.
</p>
<h3>Choosing sizes</h3>
<p>
Don’t compose without a scale. Out of context, most would probably assume this quote recommends a rather straightforward approach to choosing a sequence of musical notes. But actually, in this case, the author’s subject centers around how to go about selecting a harmonious set of typeface sizes. In The Elements of Typographic Style, author robert bringhurst includes this principle as one of the old, well-traveled roads at the core of the tradition.
Of course, good typesetting requires something more than selecting a series of font sizes, just as music consists of something more than choosing notes. Rhythm, in particular, enables a sequence of notes to beat with musical life; tempo sustains their wit. It is much the same for the world of letters.
</p>
<h3>Vertical tempo</h2>
<p>
Most pages of continuous prose pulse with a particular vertical rhythm, established by the lines of its main words, sentences, and paragraphs. If a subheading is set in a different size than the rest of the main text, it needs to be offset in a way that flows with the page’s intrinsic rhythm.
For this, Bringhurst suggests another rule of thumb: Add and delete vertical space in measured intervals. When sized correctly, the vertical spacing around a chunk of larger text can act like the rests in a musical score, allowing the main text to resume on beat.
Size and rhythm make each other interesting. Now it’s time to explore how to weave them into web pages. Bear in mind these words are meant to be chewed on more as appetizers than something like a final course. They offer a path, trampled in the hopes of offering passage – not to an automatic destination, but to places for possible, conscious, even mischievous departure.
</p>
<h2>Sizing up the BODY</h2>
<p>
The first step: establish the size of the main text. This becomes the base against which all other variations in type size will be chosen and defined.
Here, it pays to work with the grain. Rather than styling everything from scratch, start out by carefully considering what the browser offers by default. Write the css from there, as a minimal expression of differences from the default style. This approach gets the job done using the least amount of code, yielding a positive impact on page download speed and the ease with which changes can be made in the future (assuming less code means there is less to understand, maintain, and edit).
</p>
<p>
The text is gathered from <a href="http://lamb.cc/typograph/">http://lamb.cc/typograph/</a>
</p>
Markdown testinghttp://127.0.0.1/2011/11/01/markdown-testing/2011-11-012011-11-01<p>Testing out the built in markdown language in Toto. It turns out that Toto is using the <a href="https://github.com/rtomayko/rdiscount">rdiscount</a> markdown implementation…</p>
<p>Testing out the built in markdown language in Toto. It turns out that Toto is using the <a href="https://github.com/rtomayko/rdiscount">rdiscount</a> markdown implementation.</p>
<p>The markdown syntax can be found <a href="http://daringfireball.net/projects/markdown/syntax">here</a>.</p>
<h3>Code</h3>
<p>Is it possible to show code samples with this language?</p>
<p>Can I write C#?</p>
<pre><code>public void HelloWorld() {
Console.WriteLine("hello world");
}
</code></pre>
<p>HTML should not be a problem either</p>
<pre><code><html>
<body>
<script>
alert("hello world");
</script>
</body>
</html>
</code></pre>
<h3>Lists</h3>
<ul>
<li>One</li>
<li>Two</li>
<li>Three
<ul>
<li>Second level
<ul>
<li>Third level</li>
</ul>
</li>
</ul>
</li>
</ul>
<h3>Images</h3>
<pre><code>
</code></pre>
<p><img src="http://farm6.static.flickr.com/5287/5282142185_83b5fa0a82_b.jpg" alt="Mex" /></p>
<h3>Inline HTML</h3>
<p><b>This is bold</b>?</p>
<pre class="prettyprint">
<code>
public static void HOHO()
{
if (true) {
Console.WriteLine("hohoho");
}
}
&l