Typeworkshop.com – Typographie Grundkurs

Typeworkshop.com – Typographie Grundkurs:

Bei diesem Workshop handelt es sich um eine Übersetzung des „Type-workshop“ der Underware-Studios. Der Inhalt wurde von mir sinngemäß übersetzt, Anmerkungen von mir sind mit eckigen Klammern [ ] gekennzeichnet.

Es wurden von Underware Skizzen erstellt um einige einfache Grundbegriffe im Schriftdesign während des Workshops zu erklären. Sie werden eingesetzt, um Probleme, die bei der Schrifterstellung auftreten, aufzuzeigen. Es werden hierbei nur Grundlagen gezeigt, und keine tiefen und anspruchsvollen Details. Ihr vermisst etwas ausschlaggebendes, oder habt weitere Vorschläge?

YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more

YUI 2.5.0 Released — Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more: „

The YUI Team just released version 2.5.0 of the library. We’ve added six new components — Layout Manager, Uploader (multi-file upload engine combining Flash and JavaScript), Resize Utility, ImageCropper, Cookie Utility and a ProfilerViewer Control that works in tandem with the YUI Profiler. This release also contains major improvements to the DataTable Control and new Dual-Thumb Slider functionality in the Slider Control. Here are the highlights:

  • DataTable Control: Jenny Han Donnelly has been joined by Luke Smith for this development cycle, and we’re all thrilled with what they’ve produced. DataTable in 2.5.0 gets a more robust markup structure that allows greater control over all aspects of the table. This release also includes major performance enhancements, improvements to the fixed-header implementation for vertical scrolling, built-in support for horizontal scrollling, an all-new Paginator class, support for drag-and-drop column reordering, and a new set of column APIs with hooks for showing, hiding, adding and removing columns.
    The DataTable and its new show/hide column interface.
    DataTable has been one of YUI’s most popular and important components since its debut, and this is its strongest release yet. If you have existing DataTable implementations that you want to upgrade, take a look at the new User’s Guide, as it has some detailed notes about API changes. The DataTable examples roster is another nice place to check out the new code in action.
  • The YUI Layout ManagerLayout Manager: Dav Glass has a lot for you to enjoy in 2.5.0, but top billing goes to his new Layout Manager. Layout Manager eases development of multipane UIs that take up either the full viewport or the full canvas of any block-level element. Layout Units within a layout are resizeable, collapsible, removable and swappable; transitions between expanded and collapsed states have built-in animation support. Whether you’re creating a full-screen application like Yahoo! Mail or a rich multi-pane pop-up, Layout Manager is a great place to start.
  • Uploader: If you’ve ever built a UI for uploading files via a browser, you know what the big pain points are: One file at a time, no easy way to track upload progress, no programmatic access to file metadata, etc. The new YUI Uploader addresses these issues and others, allowing for the creation of more powerful, intuitive, and responsive file upload experiences. Allen Rabinovich of the ASTRA Library team did the legwork on this one, and it’s the same code that underlies the Flickr Uploader. Uploader is our second JavaScript/Flash hybrid control (following on the heels of the Charts Control in 2.4.0).
    The YUI Uploader is the same code that drives Flickr's multi-file photo uploading interface.
  • Resize Utility: Layout Manager is built upon a new YUI utility, Resize. Dav’s Resize Utility formalizes the support that YUI Drag & Drop has long provided in example form and makes it easier for you to make any block-level element resizeable. Resizing can be implemented directly (the resized element resizes in real time during the interaction) or by proxy (a proxy element visualizes the interaction until its conclusion, at which time the resized element snaps to its new size).
  • The YUI ImageCropper ControlImageCropper Control: The Resize Utility makes a lot of things easier — and one of those is the implementation of an ImageCropper interface, which Dav built out on top of Resize for 2.5.0. Take a look at the examples and be sure to check out the support Dav provided for modifier keys in this very desktop-like UI control.
  • Cookie Utility: When he’s not busy writing books or working on My Yahoo!, Nicholas C. Zakas is cranking out new code for YUI. In 2.5.0, he contributes the Cookie Utility, a simple but powerful component that helps you get maximum mileage out of your limited cookie space. Because browsers limit the number of cookies you can set per domain (and because that limitation can sneak up on you if you manage a large site with many subdomains), the Cookie Utility supports ’sub-cookies.‘ Sub-cookies pack multiple name-value pairs under the umbrella of a single cookie, expanding the number of data points that you can store in cookie space.
  • ProfilerViewer Control: 2.4.0 saw the release of Nicholas’s Profiler, a headless, cross-browser kit for profiling JavaScript functions. To make it easier to access and interpret the data that Profiler collects, we’ve added a ProfilerViewer Control in 2.5.0 that sits on top of Profiler and visulizes its accrued data. ProfilerViewer leverages the Charts Control and the DataTable Control. Taken together, Profiler and ProfilerViewer provide another arrow in the development quiver that includes tools like Firebug’s integrated profiling interface.

    The ProfilerViewer interface.

  • The YUI Slider Control now has dual-thumb support.Slider Control with Dual Thumb Support: Supporting dual-thumb interactions in our Slider Control has been on our list for awhile, and Luke took the opportunity to get this out to you in 2.5.0. Sliders are ‘finite range controls’; dual-thumb sliders allow you specify a sub-range within the control’s larger range. The classic use case for dual-thumb sliders is on shopping sites, where such controls can allow users to filter results based on price range. Check out the User’s Guide, example, and the new Slider Cheatsheet (which has a second page dedicated to dual-thumb implementations).
  • We’re using this release to promote the following components from beta to GA status: ColorPicker Control, Get Utility (for cross-domain, dynamic loading of script and CSS files), JSON Utility, ImageLoader Utility, and YUI Test Utility. These promotions reflect the maturity of those components and their very low bug traffic. As always, we’re releasing all new-for-2.5.0 components under the beta moniker, and we’re looking forward to your feedback on those once you get a chance to try them out.
  • Full details on the release, including a rollup of the changelog for all components and a bug/feature manifest, are available in Georgiann Puckett’s update to the YUI developer forum this morning.

One More Thing…

YUI now ships with more than 270 examples, many of which are accompanied by full tutorials to help you get started using YUI. And while individual examples are good, we’ve gotten a number of requests to create an über example, one that pulls in and makes use of a wide range of YUI components in a single sample application — while still being YUI-centric and not littered with noisy implementation logic.

The incomparably prolific Dav Glass rose to the challenge for 2.5.0 with a complex, multi-component example that uses Layout Manager as its basis and Yahoo Mail as its inspiration.

Dav Glass's multi-module YUI application example.

Let’s Celebrate!

We’re excited to get 2.5.0 out the door and, as luck would have it, we’ve got a fantastic excuse to celebrate. YUI’s (and the Yahoo Pattern Library’s) second anniversary party is coming up next week (February 26, 5 p.m., Sunnyvale), and we’d love to have you join us. Sign up on Upcoming to let us know you’ll be stopping by at Yahoo! HQ for some beer and general revelry. We look forward to showing off some of the stuff you all have been doing with YUI in the past two years and we’ll talk a bit about where Patterns and YUI are headed from here.

(Via Yahoo! User Interface Blog.)

Dein Farblaserdrucker spioniert Dich aus

Dein Farblaserdrucker spioniert Dich aus: „

SpiekermannPartners betätigen experimentell ein Gerücht, nach dem Farblaserdrucker diverser Hersteller – angeblich auf Geheiß der US-Regierung – auf jeder gedruckten Seite einen unsichtbaren Geheimcode hinterlassen, der ein minutengenaues Datum und die Seriennummer des Geräts enthält. Hintergründe dazu bei der Electronic Frontier Foundation (EFF).

Paul Weihe druckte eine A4-Seite mit wenig Text auf einem Xerox DC-12, dann las er mit einem Quato-Scanner einen Ausschnitt von 7,5 × 7,5 cm bei 3200dpi (260MB) ein, zog die Sättigung im Gelbtonbereich voll auf, verdunkelte alle Farben (Master), erhöhte den Kontrast und erhielt das oben abgebildete Ergebnis: Seriennummer, Datum und Uhrzeit – codiert im Rahmen eines Punktrasters, das EFF geknackt hat.“

(Via Fontblog.)

Helvectica on OS X (Leopard)

Preparing for Leopard: Helvetica is Dead.

„HelveticaGrave.pngOBITUARY: After a prolonged battle with Mac OS X, Helvetica — along with younger cousin Helvetica Neue — was finally pronounced dead on October 28, 2007 with the release of Leopard, by Apple, in California.“ von CreativeTechs

Grading the New Font „Features“ in OS X Leopard

„Leopard’s New Font Features: Apple announced a October 26 release date for Mac OS X Leopard (10.5) today, along with more detailed information on the new system, including over “300 New Features”. Let’s look a little closer at the features in the Fonts category and give them snarky grades based on their potential value.“

von Typographica

Online-Lexikon für Website-Elemente

Online-Lexikon für Website-Elemente: „Die Pattern-Library des holländischen Web-Designers Martijn van Welie eignet sich wunderbar zur Weiterbildung wie auch zur Mediation. Wenn also ein Auftraggeber behauptet, der Designer habe ihm statt eines Navigation Trees ein Accordion geliefert … die Patter-Library erklärt den Unterschied in Wort und Bild und verweist auf interaktive Quellen. Das Nachschlagwerk bietet die Kapitel: Navigation, Suche, Shopping, Personalisierung, Feedback, Seitenarten und vieles mehr. (Via Swissmiss)“

(Via Fontblog.)

Blueprint vereinfacht rasterorientierte CSS-Layouts

Ein neues CSS-Tool unterstützt Webdesigner seit kurzem dabei, rasterorientierte Layouts mit wenig Zeitaufwand umzusetzen. Blueprint besteht aus lediglich fünf Dateien und soll die oft komplizierte Entwicklung eines Designrasters mit CSS erleichtern.

Das vom norwegischen Studenten Olav Bjørkøy entwickelte und frei verfügbare Blueprint setzt sich von Template-Systemen wie YAML dadurch ab, dass es die freie Platzierung des Inhalts in einem Designraster (Grid) ermöglicht. Gleichzeitig bringt es zahlreiche Textformatierungen für ein typografisch ansprechendes Aussehnen und ein Druck-Stylesheet mit.

Das vorgefertige Grid der Beispielseite hat eine fixe Weite von 960 Pixeln und ist in 14 Spalten aufgeteilt. Das Raster kann aber individuell angepasst werden. Wie das CSS-Framework funktioniert, das sich noch im Anfangsstadium befindet, kann in einem Tutorial nachgelesen werden.

Quelle: t3n.yeebase.com

Algorithm Seamlessly Patches Holes In Images

Beetle B. writes in with research from Carnegie Mellon demonstrating a new way to replace arbitrarily shaped blank areas in an image with portions of images from a huge catalog in a totally seamless manner. From the abstract: „In this paper we present a new image completion algorithm powered by a huge database of photographs gathered from the Web. The algorithm patches up holes in images by finding similar image regions in the database that are not only seamless but also semantically valid. Our chief insight is that while the space of images is effectively infinite, the space of semantically differentiable scenes is actually not that large. For many image completion tasks we are able to find similar scenes which contain image fragments that will convincingly complete the image. Our algorithm is entirely data-driven, requiring no annotations or labelling by the user.“


Gestatten: Der neue iMac

Der brandneue iMac im All-in-One-Design kombiniert in einem beeindruckend flachen Gehäuse stilvolles Design mit hoher Leistung. Der neue iMac ist mit 20″ und 24″ Breitformat-Bildschirm erhältlich und umfasst integrierte Funktechnologie, Mac OS X sowie das neue iLife ’08 Softwarepaket. Innerhalb weniger Minuten nach dem Auspacken können Sie kreativ arbeiten, Fotos weitergeben, Filme erstellen und Web-Sites gestalten. Auch sein Preis überzeugt, denn der iMac ist schon ab 1199€ erhältlich. Weitere Infos.

Von Apple.com

PDF Prototypes: Mistakenly Disregarded and Underutilized

PDF Prototypes: Mistakenly Disregarded and Underutilized: „Creating a clickable PDF to prototype a new design is not a new concept, but it is a valuable tool that is often overlooked and underutilized. While working over the years with other designers, information architects and usability professionals, I’ve noticed that many of my colleagues believe the same fallacies about the limitations of PDFs. Contrary to popular belief, you can do more than just create links and interactive forms with PDFs; you can also add dynamic elements such as rollovers and drop-down menus, embed audio and video files, validate form data, perform calculations and respond to user actions. PDF prototypes have the ability to replicate most interactive design elements without investing a lot of time and effort.“

(Via Boxes and Arrows.)