Bevor ich mir jetzt viel Text nur für den Hinweis auf zwei Artikel ausdenke lieber eine nette Zusammenfassung. Besonders interessant für die Webentwickler und -designer unter Euch:

• Spreeblick hat mich heute auf den Google Font Previewer aufmerksam gemacht. Ein tolles Tool um sich Schriften im Netz anzusehen. Netterweise liefert Google auch gleich das nötige CSS und hostet die kostenlosen Schriftarten auch für Euch.
• Abgerundete Ecken mit CSS3 sind irgendwie schon ewig ein Thema und bei Perun findet man jetzt einen sehr guten Artikel zum Thema. Zumindest die Links zum CSS3-Generator und zu border-radius.com sollten den Weg in Eure Lesezeichen finden.

Das Foto kommt diesmal von Stéfan@flickr

Die Kommunikation zwischen Browser und Server erinnert mich momentan irgendwie an die Schlümpfe. Es läuft immer nach dem Motto “Papa Schlumpf, wie weit ist es denn noch?” Worauf der der Server Papa Schlumpf antwortet “Nicht mehr weit.”. Das ganze wiederholt sich andauernd und hat einen entscheidenden Nachteil: Es verursacht Last auf dem Server, wo wir sie nicht wirklich benötigen.

Mit HTML5 bietet sich uns hier eine neue Möglichkeit die Kommunikation zwischen Client und Server zu realisieren: WebSockets.

Technisch betrachtet startet das WebSocket-Protokoll wie ein ‘normaler’ http-Request/Response-Zyklus, nur, dass nach der Übertragung der HTTP-Request- und Response-Header die zugrundeliegende TCP-Connection bestehen und dadurch für binäre bzw. Zeichenketten-Übertragung in beide Richtungen frei wird. Dadurch kann auch der Server zu jedem Zeitpunkt Daten zum Client schicken. Zudem wird der weitere Protokoll-Overhead im vergleich zu HTTP stark reduziert (im Idealfall nur 2 Bytes zusätzlich pro Text-Nachricht und Richtung).Wikipedia

Was für einen kleinen Blog eher uninteressant ist macht für größere Applikationen schon mehr Sinn. Noch kann man WebSockets nur mit Safari und Chrome nutzen aber wer sich ein wenig mit JavaScript auskennt kann hier eine schicke Fallback-Lösung entwickeln.

Neugierig? Ein Blick auf nettuts.com lohnt sich: Start using HTML5 WebSockets today

Foto Trevor Coulthart@flickr

Auf Spreeblick habe ich heute einen schönen Link zum Thema Design von Flugtickets gefunden: Tyler Thompson, Creative Director bei Squarespace fand die normalen Flugtickets wohl nicht so ansprechend und hat daher ein paar Alternativen gesammelt und in einem eigenen Blog veröffentlicht. Hinzu kamen noch ein paar Entwürfe von anderen Designern was die Seite wirklich sehenswert macht. Enjoy!

Oft sind es Kleinigkeiten, die die Benutzung einer Webseite entscheiden verbessern oder verschlechtern können. Auf der WebDesignerWall gibt es ein schönes Beispiel für einen Effekt den man schon auf zahlreichen Blogs so oder in ähnlicher Form findet: Eine kleine Navigationsfläche um von Beitrag zu Beitrag zu scrollen. Ihr findet dort nicht nur den Link zum jQuery-Plugin sondern auch gleich den notwendigen Code um es in Eure Seite zu intergrieren. Das Beispiel sollte übrigens schon relativ kompatibel zu zahlreichen WordpRess Themes sein.

Ob Ihr darin eine Bereicherung oder eine überflüssige Spielerei für Eure Seite seht bleibt natürlich Euch überlassen.

Foto: hinkelstone@flickr

So wirklich toll findest es niemand und trotzdem kommt man bei kommerziellen Projekten nicht an umfangreichen Tests vorbei. Dies gilt bei WebApplikationen nicht nur fürs backend sondern besonders auch fürs frontend. Neben den zahlreichen Tests in unterschiedlichen Browsern (speziell HTML und CSS) erfordert JavaScript nochmal besondere Aufmerksamkeit. Auf der einen Seite interpretieren Browser die Skriptsprache gerne anders als ihre Kollegen und gleichzeitig müssen wir JavaScript die gleiche Aufmerksamkeit schenken wie jeder Programmier-/ Skriptsprache.

Ben Cherry ist Frontenddeveloper bei Twitter und hat wohl schon einige Erfahrungen mit dem Testen von JavaScript gemacht die er dankenswerterweise auf seinem Blog mit uns teilt. Sicherlich einen Blick wert und ein guter Ansatz um den eigenen JavaScript Code zu optimieren.

Foto: Staci@flickr

Während ich unter Ubuntu soviel wie möglich mit dem Terminal mache habe ich die Möglichkeiten von Mac OS X in dieser Hinsicht bisher noch nicht gekannt. Abhilfe verschafft hier aptgetupdate.de wo man ein paar hilfreiche Befehle für den Alltag finden kann.

Zur Feier des Tages eine meiner etwas neueren Perlen aus dem Internet: Seit einigen Monaten sammle ich interessante Artikel und Ideen rund um das Thema Webentwicklung und bin dabei auch über ein Tutorial zu Turbine gestossen. An diesem wirklich interessanten Werkzeug arbeitet übrigens auch Peter Kröner, den ich ja hier schonmal erwähnt habe.

Das, wirklich lesenswerte, Tutorial von Christian Schaefer (@derSchepp) beschreibt die Arbeit mit Turbine anhand einiger einfachen Beispiele und weckt das Interesse an diesem Werkzeug. Ich werde es bald auch mal hier im Blog produktiv einsetzen und testen. Ich verspreche mir davon nicht nur wesentlich weniger (Schreib-)Arbeit sondern durch die Plugins auch weniger Ärger mit unliebsamen Browsern.

Meine Stammgäste kennen meinen Hang, neue Themes für mein Blog zu erstellen. Alle paar Tage / Wochen / Monate packt es mich: Ich öffne Photoshop, bastel ein Layout und dann pack ich das ganze online. Meistens entwickle ich auch direkt an der laufenden Version meiner Seite und bin dann nach ein paar Stunden (diesmal waren es 4) fast fertig.

Die fehlenden Elemente, Darstellungsfehler in vielen Browsern und so weiter interessieren mich gerade nicht sonderlich und ich verspreche mal besser nicht, dass ich jetzt aktiver bloggen werden.

Ich hoffe Euch gefällt die momentane Version des Blogs. Bitte habt Rücksicht bei Darstellungsfehlern.

Nach Martin und Yannick habe ich mir jetzt auch ein “visuelles Tagebuch” zugelegt in dem ich jetzt für eine Weile regelmässig Bilder hochladen will. Ich habe noch keine Ahnung, wie lang ich das durchhalte und wie es überhaupt ankommt aber ich musste das einfach mal basteln.

Wer einen flickr-Account hat und Martins Tutorial folgt der kann sich sowas auch relativ schnell basteln. Ansonsten tun es ja auch Dienstleister wie posterous und Co.

Wie sieht es bei Euch aus? Schonmal etwas ähnliches probiert oder ist das garnicht Euer Fall?

Wenn es ein Video schafft das ich es mir so oft ansehe, wie den “Trailer” zu “Java 4-ever” dann möchte ich den Euch auch nicht vorenthalten.

via Nercore