Monat: Mai 2011

Die richtige Hack-Strategie

Browser sind fehlerhaft. Man kann eine Seite so exakt nach den Standards entwickeln wie man möchte, es werden immer Fehlinterpretationen vorkommen. Je älter die Browser sind, desto eher ist das der Fall. Deshalb ist es wichtig, eine Strategie zu haben, wie man mit den Fehlern der Browser umgeht. Dabei ist das zielgenaue Treffen des Browsers genauso wichtig, wie die Zukunftssicherheit. Und ganz nebenbei sollte man gerade bei Fehlerbeseitigungen an eine verständliche Kommentierung denken. So kann man selber, so können andere später die gemachten Korrekturen verstehen.
Weiterlesen

Neues Webentwicklungstool von Microsoft

Microsoft hat ja leider keine heroische Vergangenheit in Bezug auf Webentwicklunsgtools. Obwohl der IE jahrelang (bis zum Erscheinen des IE6) technisch führend war, waren die Entwicklungstools für Frontendentwicklung zeitgleich erbärmlich schlecht. Vor einigen Jahren versuchte man dann den Neustart mit Expression Web. Ich kenne die zweite Version und war relativ angetan. Allerdings auch amüsiert, konnte man doch das CSS gegen das Profil „IE6-CSS“ validieren lassen.

Das Tool konnte meinem Eindruck nach allerdings nichts gegen die komplexen Platzhirsche Dreamweaver und Eclipse tun. Für Profis war es aber offenbar auch weniger gedacht. Die Bedienung und Optik erinnerte eher an ein Office-Programm. Ich schätze, der ambitionierte Hobbyist war eher die Zielgruppe. Obgleich das Programm dafür dann zu teuer war.

Heimlich still und leise scheint Microsoft nun seit Kurzem – seit wann eigentlich? – ein neues Tool zu bewerben. Diesmal ist es kostenlos: Microsoft WebMatrix.

Die Beschreibungen lesen sich sehr interessant. Aber da ich seit Ende 2009 nur noch am Mac arbeite und den PC eher selten zum Testen anschmeisse, habe ich wenig Motivation, dieses Tool mal auszutesten. Hat einer meiner Leser das Programm vielleicht getestet oder Interesse daran?

Sehr schön finde ich bei der Site übrigens im Footer den – als Grafik eingebundenen – Spruch „Make Web Not War“ 🙂

Theoretische Limitierungen in Stylesheets

Es gibt zahlreiche Aussagen, Theorien und Meinungen, wie man sein CSS organisieren sollte. Ich stelle bei mir fest, daß sich mein System über die Jahre ständig verändert hat und sich teilweise an die Projekte anpassen musste. Interessant ist, daß es aber offenbar ein paar wenige absolute Limitierungen gibt. Denn zumindest für den Internet Explorer ist bekannt, ab welcher Schachtelungstiefe oder Komplexität er aussteigt. Für die anderen Browser kenne ich solche Limits nicht. Deshalb finde ich, wir sollten sie als absolutes Limit sehen. Denn wir wollen doch, daß die Styles in den Browsern ankommen.

  • Ein Stylesheet darf beim IE bis zu 4095 Regeln haben.
  • Der IE akzeptiert bis zu 31 @import-Regeln in einem CSS.
  • Der IE akzeptiert ein @import mit bis zu 4 Ebenen tiefer Verlinkung.

Die 2000 Klassen, die man pro Element auf alle Fälle vergeben kann, sollten jedem reichen. Opera, Safari (und Chrome?!) vertragen sogar mehr als 4000 Klassen.

Die Testseiten für die @import-Regeln und die 4095 Selektoren zeigen, daß diese Limitierungen offenbar browserspezifisch sind. Chrome, Firefox 4 und Opera 11 zeigen in beiden Tests keine Schwächen.

Ein paar Fireworks-Links

Es ist mal wieder Zeit für ein paar nette Links zu Fireworks.

  • Die immer weiter anwachsende Flut an Video-Tutorials bei Wolfgang Wagners Fireworks-Seite ist auf alle Fälle immer einen Blick wert. Aktuell hat er 47 Tutorials versammelt.
  • In Fireworks 4 wurden die früheren „Frames“ verändert und „Seiten“ kamen hinzu. Dieser englischsprachige Artikel bei Adobe erklärt den Unterschied und Sinn von Seite, Status und Ebene.
  • Eine ähnliche Zielrichtung hat dieser Artikel mit Video bei WebdesignTuts
  • Es ist immer ätzend, in einem Bildbearbeitungsprogramm eine Tabelle zu malen. Dafür sind diese Programme einfach nicht ausgerichtet. Ein Glück gibt es eine neue Fireworks-Erweiterung, mit der es richtig Spaß machen kann, eine Tabelle zu gestalten.
  • Wie wäre es mit einer Bibliothek von 260 Vektor-Icons?
  • Die CreareGroup hat ein paar Design-Tutorials für Fireworks veröffentlicht.
  • Nett ist auch diese Platzhalter-Extension, bei der die Dimensionen des Platzhalters automatisch aktualisiert werden, wenn man die Größe verändert.