Ein nettes Spielchen für Typografen und Setzer mit geübtem Fehlererkennungsblick hat Martin Sperling gebastelt: Finde das falsche Komma im Komma-Heuhaufen. Die Schwierigkeit dabei: Der Haufen rotiert in drei Dimensionen.

Zum Komma-Spiel. (Achtung, Flashsite, kein Permalink. Ein Klick auf den roten Rahmen führt zum Spiel)

Kommentare (2) 31.05.2007, gerritvanaaken

Es reicht wohl nicht mehr, einfach einen Link zu setzen, der dann auch vom Browser farblich oder durch Unterstreichung markiert wird. So denkt man sich neuerdings auf der Spiegel-Seite Das schöne (und unnütze) Wörtchen “mehr” muss her. Und siehe da: Jedem Hyperlink (mehr … ) wird noch ein bisschen Klammertext geschenkt, auf dass die User (mehr …) nicht verwirrt werden. Wenn das mal nicht nach hinten losgeht! (Weitere Beschimpfungen erspare ich mir an dieser Stelle!)

Kommentare (1) 30.05.2007, gerritvanaaken

Wir arbeiten bei 3st gerne mit eleganten JavaScript-Effekten wie dem Aufklappen von Navigationsebenen. Natürlich setzen wir dafür Frameworks ein – meine Wenigkeit schwört auf jQuery, während sich Kollege Stanislav für prototype und Script.aculo.us begeistert – aber das tut hier gar nichts zur Sache.

Ein Problem gibt es bei der ganzen schönen Animationsgeschichte. Und dieses Problem ist so speziell, dass es wohl fast keinem (Kunden) auffällt, dem geübten Netzgrafiker aber dennoch Bauchschmerzen bereitet. Ich versuche, es in einem Satz zu beschreiben.

Beim Einsatz der Transparenz-Eigenschaft in JavaScript wird das Font-Rendering in Gecko-basierten Browsern unter Mac OS X beeinflusst, so dass alle benachbarten Elemente ein verändertes Schriftbild erhalten, sobald an einem beliebigen DOM-Element etwas an der Transparenz verändert wird.

Zur Illustration hier eine kleine GIF-Animation:

Falls jemand weiß, woran das liegt und wie man das beheben kann: Immer her damit!

Kommentare (7) 29.05.2007, gerritvanaaken

In unserem letzten Projekt wollten wir unsere JS-Dateien kleiner kriegen und sie vor Ideen-Klau und anderen Interessenten schützen. Dazu eine kleine Linkliste mit einigen nützlichen Tools!

Funktionen von Packern

  • Entfernen von Kommentaren
  • Entfernen von Leerzeichen und Tabs
  • Verkürzen der Variablen-Namen

Was vor dem Packen beachten sollte

  • Semikolons nicht vergessen, obwohl sie nervig sind

Es gibt ein Bundle für TextMate, das einem hilft, einen gut zu packenden Code zu schreiben. Es basiert auf dem Packer von Dean Edwards und heißt JS-Lint. Neben dem tatsächlichen “JS-Lint” bietet das Bundle auch andere Features wie das “Quick-Lint”.

Packen des JS-Codes mit einer Serveranwendung

Mir sind zwei serverseitige Anwendungen bekannt. Das sind:

Beide Websites bieten die Möglichkeit, die Datei hochzuladen und die komprimierte Version runterzuladen.

JS mit JS Packen

Es gibt auch Client-Anwendungen, die direkt im Browser ausgeführt werden:

Der letzter Packer ist umfangreicher und bietet neben dem Packen die Möglichkeit, eine Datei absichtlich zu verschleiern, um Diebstahl zu verhindern!

Kommentare (0) 25.05.2007, Stanislav Müller

Eben erreicht mich eine Mail einer Kundin, für die wir Powerpoint-Templates erstellt haben:

Öffne ich ein neues Textfeld, wird Times New Roman angegeben als Schrift, hier sollte ausschließlich Arial verfügbar sein. Machbar?

Klar, das geht. Und zwar so: Man erstellt ein neues Textfeld und formatiert den Text so, wie man ihn als Standard haben möchte: Schriftart, Schriftgrad und Auszeichnung. Dann klickt man auf das unscheinbare Häkchen “Standard für neue Objekte” – et voilá! – jedes neue Objekt ist nun automatisch im gewünschten Schriftstil gesetzt!

Kommentare (0) 25.05.2007, gerritvanaaken

Gestern erschien die gepackte Version des von uns allen beliebten JavaScript-Frameworks, Prototype und Script.aculo.us. Das Paket beinhaltet Prototype (1.4, 1.5, 1.5.1) sowie Script.aculo.us 1.7.1_beta2 und Protoculous, eine Kombination aus Prototype und Script.aculo.us. Als Bonusfeature sind im Paket Links zu den Kompressionsverfahren und Links zu den JS-Packern.

Dateigrößen

  • Prototype 1.5.1 – von 96kb auf 15.8kb (Komprimierung um 85%)
  • Scriptaculous-1.7.1_beta2 – von 120kb auf 17.9kb (Komprimierung um 79%)
  • Protoculous (1.5.1 + 1.7.1_beta2) – von 216kb auf 32.5kb (Komprimierung um 85%)

Die ZIP-Datei kann man hier herunterladen und die Notizen vom Autor lesen.

Kommentare (0) 25.05.2007, Stanislav Müller

Sehr schön. Nur wenige Monate nach dem Redesign mit den überladenen und verwirrenden Funktionen macht sich Technorati erneut hübsch und streicht (zumindest auf der Startseite) ganz viel Kram raus. Außerdem gibt es eine Zweiteilung in reiner Blogsuche (die wurde sehr stark googlemäßig minimalisiert), und der eher portalmäßig angehauchten, multimedialen Recherche.

Hier zwei Screenshots. Auf den ersten Blick eine sehr feine Sache. Außerdem liebe ich die Domain der neuen Schlanksuche: s.technorati.com – so müssen Subdomains im Jahre 2007 aussehen! Außerdem ist die nackige Suche deutlich schneller als zuvor.

(via Basic Thinking)

Kommentare (0) 23.05.2007, gerritvanaaken

3st digital agenturblog

Im 3st digital agenturblog schreiben unsere Mitarbeiter über Trends, Tipps und Beobachtungen rund um das moderne Web. 3st digital ist eine Mainzer Webdesignagentur.

SYNFONI – Das Projektportal

Autoren

Alex Knaub
Stanislav Müller
Tobias Rehn
Florian Kosiol