Tumblelog by Soup.io
Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

September 19 2011

March 18 2011

Type study: Typographic hierarchy « The Typekit Blog

Workers of the web are familiar with establishing a hierarchy through markup by using tags like <h1> and <em>, but what of the aesthetics of it? On the web, a large chunk of our content is text. This means it’s important to understand how to reinforce this hierarchy typographically. A clear understanding of hierarchy results in more beautiful, meaningful, and communicative designs that better serve their audience.

January 05 2011

wordmark.it

A beautiful tool that lets you easily choose the right font without browsing your font library.

November 11 2010

September 30 2010

Features

The Type1 format where 256 characters are assigned to keys on our keyboard, is becoming a thing of the past. We now design and produce OpenType fonts which can consist of thousands of characters — additional ligatures, various figure sets, small caps, stylistic alternates, … — referred to as glyphs. With these many sets of glyphs integrated in a single font, we are faced with the challenge of including definitions instructing the applications we're using when to show which glyph. Simply adding a glyph with a ligature to your font doesn’t mean the program you’re using knows when or how to apply it. Whether you want your typeface to change the sequence of f|f|i into the appropriate ligature or want to use old-style figures instead of tabular, you’ll need to add features to your font — glyph substitution definitions — to make it happen.

Christoph Koeberlin: In 10 Schritten zu besserer Typografie in Präsentationen | Design | Überzeugend Präsentieren

Wissen über den richtigen Umgang mit Typografie findet man entweder in (meist schwer verdaulicher) Fachliteratur oder als (genauso ungenießbares) Halbwissen vom Freund eines Freundes. Christoph Koeberlin ist angetreten, das zu ändern.

Auf seiner Webseite Typefacts beschreibt er verständlich und anschaulich an unzähligen praktischen Beispielen die Grundlagen der Typografie. Neben Grundlagenartikeln, z.B. über die vier größten Typo-Sünden, finden sich nützliche Listen der besten Free-Fonts und Alternativen zu überstrapazierten Standardschriften.
Reposted byMadMaidRekrut-K

September 29 2010

6 Tips for Designing with Lines | Design Shack

Today we’re going to look at one of the simplest possible design elements: a line. We’ll learn how to wield lines properly as well as what to avoid when implementing them.

Adding a few simple lines to a design can bring structure and graphical flair to an otherwise boring design. It’s a dead simple trick that, when used effectively, has the effect of adding a layer of finish your design.
Reposted byMadMaid MadMaid

August 16 2010

August 13 2010

Dario Taraborelli: The Beauty of LaTeX

There are several reasons why one should prefer LaTeX to a WYSIWYG word processor like Microsoft Word: portability, lightness, security are just a few of them (not to mention that LaTeX is free). There is still a further reason that definitely convinced me to abandon MS Word when I wrote my dissertation: you will never be able to produce professionally typeset and well-structured documents using most WYSIWYG word processors. LaTeX is a free typesetting system that allows you to focus on content without bothering about the layout: the software takes care of the actual typesetting, structuring and page formatting, producing documents of astonishing elegance.

Dario Taraborelli: The Beauty of LaTeX

There are several reasons why one should prefer LaTeX to a WYSIWYG word processor like Microsoft Word: portability, lightness, security are just a few of them (not to mention that LaTeX is free). There is still a further reason that definitely convinced me to abandon MS Word when I wrote my dissertation: you will never be able to produce professionally typeset and well-structured documents using most WYSIWYG word processors. LaTeX is a free typesetting system that allows you to focus on content without bothering about the layout: the software takes care of the actual typesetting, structuring and page formatting, producing documents of astonishing elegance.

August 10 2010

Fontblog | Technik, Design und Erotik der FF-DIN-Rundschrift

Bevor sich Fontblog am kommenden Freitag für zwei Wochen in den Urlaub verabschiedet, möchte ich noch eine etwas ausführlichere Schriftgeschichte erzählen, die mir am Herzen liegt – als Naturwissenschaftler und Typograf. Dabei versuche ich die Sachverhalte so exakt wir nötig und so unterhaltsam wie möglich darzulegen, denn es geht um eine der schönsten Sachen der Welt … um Rundungen. Motorradfahrer assoziieren etwas anderes mit ihnen als Schriftentwerfer, verliebte Menschen wiederum widmen sich ihnen auf andere Art als Straßenbauer. Und doch geht die Faszination aller auf eine gemeinsam Eigenschaft jener weichen Kurven zurück, der ich heute auf den Grund gehen möchte.

Fontblog | Technik, Design und Erotik der FF-DIN-Rundschrift

Bevor sich Fontblog am kommenden Freitag für zwei Wochen in den Urlaub verabschiedet, möchte ich noch eine etwas ausführlichere Schriftgeschichte erzählen, die mir am Herzen liegt – als Naturwissenschaftler und Typograf. Dabei versuche ich die Sachverhalte so exakt wir nötig und so unterhaltsam wie möglich darzulegen, denn es geht um eine der schönsten Sachen der Welt … um Rundungen. Motorradfahrer assoziieren etwas anderes mit ihnen als Schriftentwerfer, verliebte Menschen wiederum widmen sich ihnen auf andere Art als Straßenbauer. Und doch geht die Faszination aller auf eine gemeinsam Eigenschaft jener weichen Kurven zurück, der ich heute auf den Grund gehen möchte.
Reposted byanthemurfin

June 14 2010

Readability - An Arc90 Lab Experiment

Readability — An Arc90 Laboratory Experiment

Readability is a simple tool that makes reading on the Web more enjoyable by removing the clutter around what you're reading. Follow the steps below to install Readability in your Web browser.

December 26 2009

Anti-Grain Geometry - Texts Rasterization Exposures

Joel Spolsky in his article “Font smoothing, anti-aliasing, and sub-pixel rendering” [1] compares Microsoft and Apple ways of text rendering and explains why windows people don't like Safari. Text in Safari looks too blurry and that must be why. I want to go further and sum up my experience and observations about it. I'm not an expert in digital typography, but I “have something to say”. At least, some ideas may be useful for the GNU/Linux community.
Reposted bysicksin sicksin

December 03 2009

Bulletproof @font-face syntax « Paul Irish

Let me introduce you to the best way to do your @font-face definitions: @font-face { font-family: 'Graublau Web'; src: url('GraublauWeb.eot'); src: local('Graublau Web Regular'), local('Graublau Web'), url('GraublauWeb.otf') format('opentype'); } I'll circle back to why this is the best possible solution but let's first review the other techniques' weaknesses. Of course, the problem at the center of this is that IE needs an .eot font, and the other browsers must take a .ttf or .otf. Okay, let's see what we got here…
Reposted bysicksin sicksin

August 28 2009

Baseline - a designer framework by ProjetUrbain.com

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.

July 29 2009

July 14 2009

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl