Guymon » typografie

jQuery Fun

admin — Thu, 26 Jan 2012 08:36:51 +0000

Zwei jQuery Projekte sind mir heute im RSS Reader aufgefallen.

Zum einen scrollorama von John Polacek, the jQuery plugin for doing cool scrolly stuff. Nett, wenn auch wohl (noch) nicht für den Kundeneinsatz geeignet.

Das zweit Plugin ist Arctext.js – Curving Text with CSS3 and jQuery.

While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. Arctext.js is a jQuery plugin that let’s you do exactly that. Based on Lettering.js, it calculates the right rotation of each letter and distributes the letters equally across the imaginary arc of the given radius.

Possibly related posts (automatically generated)

Technical Web Typography

admin — Mon, 09 Jan 2012 14:07:11 +0000

Harry Roberts erklärt im Smashing Magazine Typografie Regeln.

Technical typography is like type theory; certain rules and practices apply to party invitations just as well as they do to obituaries. These are little rules that always hold, are proven to work and are independent of design. The good news is that, because they are rules, even the most design-challenged people can make use of them and instantly raise the quality of their text from bog-standard to bang-tidy.

We’ll focus on technical type in this article. We’ll discuss the intricacies and nuances of a small set of rules while learning the code to create them.

Possibly related posts (automatically generated)

Typography Effects with CSS3 and jQuery

admin — Fri, 23 Dec 2011 12:10:31 +0000

Mary Lou demonstriert einige schöne Typografie Effekte.

Über Lettering.js wird die Überschrift in einzelne Buchstaben zerlegt die dann mit CSS3 gestaltet werden. Sehr nett!

Possibly related posts (automatically generated)

Typografie: Kern.js

admin — Sun, 05 Jun 2011 13:49:15 +0000

Brendan Stromberger erklärt im typekit Blog kern.js eine Bookmarklet für lettering.js

Kern.js is a simple javascript bookmarklet that adds powerful functionality to Paravel’s first-rate Lettering.js. Rather than having to guess-and-check CSS and make repeated, tedious adjustments, Kern.js allows you to kern letters like you would in a desktop app like Photoshop — simply and visually. It then generates the CSS for each individual letter, which you can plug directly into your stylesheet.

Possibly related posts (automatically generated)

Technical Web Typography

admin — Fri, 18 Mar 2011 16:34:31 +0000

Harry Roberts erklärt ausführlich und eher technisch / mathematisch einige Webtypografie-Aspekte.

Technical typography is like type theory; certain rules and practices apply to party invitations just as well as they do to obituaries. These are little rules that always hold, are proven to work and are independent of design. The good news is that, because they are rules, even the most design-challenged people can make use of them and instantly raise the quality of their text from bog-standard to bang-tidy.

We’ll focus on technical type in this article. We’ll discuss the intricacies and nuances of a small set of rules while learning the code to create them.

Spannend, das auch Design-Daus wie ich verstehen und anwenden können

Possibly related posts (automatically generated)

Joomla: Typography Plugin

admin — Sun, 02 Jan 2011 16:49:08 +0000

Praktischer Helfer für Joomla Redakteure: JB Type.

Thanks to Ryan Demmer, the developer of the amazing Joomla content editor (JCE) we now have a JCE plugin that will render the styles used by JB Type directly into the content editor window.

In the past if you wanted to use JB Type there was no way of seeing the end result without hitting apply and then navigating to the front end of your website. This JCE plugin is the missing link for the JB Type plugin and will change the way that you style your content.

Possibly related posts (automatically generated)

Hyphenator.js

admin — Tue, 05 Oct 2010 18:25:57 +0000

Automatische Wortumbrüche am Zeilenende sind im Web eher problematisch. Zwar gibt es aber damit will man seinen Text ja nun auch nicht vollstopfen. Gerade ist mir Hyphenator.js über den Weg gelaufen:

automatically hyphenates texts on websites if either the webdeveloper has included the script on the website or you use it as a bookmarklet on any site.
runs on any modern browser that supports JavaScript and the soft hyphen ().
automatically breaks URLs on any browser that supports the zero width space.
runs on the client in order that the HTML source of the website may be served clean and svelte and that it can respond to text resizings by the user.
supports a wide range of languages.

Possibly related posts (automatically generated)

daily links

admin — Tue, 27 Jul 2010 13:27:05 +0000

Turbine
Turbine is a collection of PHP-powered tools that are designed to decrease css development time and web developer headache. This includes:
_A new, minmal syntax – the less you have have to type, the more you get done
_Packing, gzipping and automatic minification of multiple style files
_Constants (also known as "css variables") and selector aliases as well as nested css selectors
_Oop-like inheritance, extension and templating features
_Built-in device-, browser- and os sniffing
_Many automatic bugfixes and enhancements for older browsers
_Fully exensible through a very simple plugin system. A basic understanding of PHP is enough to add completely new features to Turbine
_A CSS to Turbine converter and a shell app for experiments and development
Typographie für Webautoren

Possibly related posts (automatically generated)

Web Typography

admin — Fri, 07 May 2010 20:10:24 +0000

The Design Cubicle demonstriert an Hand der A List Apart’s Website das Typografie mehr ist als @font-face.

Instead of focusing this article on choosing a typeface or what makes a quality font, I thought it would be better to focus on something indirectly related, yet thought about, but never enough: Space. Whitespace, negative space, however you deam it, makes for good typography.

Gerade als Nicht-Designer finde ich das ganz spannend auf solche Details aufmerksam gemacht zu werden.

Possibly related posts (automatically generated)

Web Typography

admin — Wed, 14 Apr 2010 17:27:18 +0000

Obwohl, oder gerade weil ich kein Designer bin finde ich Artikel zu Web Typography immer spannend.

Modern versions [of HTML], however, have support for a lot of features (still not all of them!) that make great typography, but authors and designers have formed bad habits by making websites using older formats and standards. This has got to change.