Seit einiger Zeit bietet Finn Rudolph sein Javascript-Tool ImageFlow in Version 1.1 an.
Im Vergleich zur Version 1.0.1, über die wir im Oktober des vergangenen Jahres berichtet hatten, ergeben sich nachfolgende Änderungen und Neuerungen:
- zusätzliche onClick-Option öffnet Bilder in einem neuem Fenster
- Überarbeitung der Evaluierung der individuellen Einstellungen
- Pfeiltasten werden nun in allen Browsern unterstützt, jedoch nur in einer Imageflow-Instanz
- zusätzliche Option scrollbarP (Breite des Scrollbalken in Prozent)
- Fehlerbehebung in der Option imageFocusM in Firefox und Safari
- unload-Fehler im Internet Explorer gefixt
- Verbessertes Bild-Resampling im IE7
- zusätzliche Option aspectRatio zum Anpassen des Verhältnisses von Höhe und Breite des ImageFlow-Containers
- zusätzliche Option zum Festlegen der Bildausmaße: imagesHeight, imagesM, percentOther und percentLandscape
Viel Spaß beim Einbauen. Wir helfen euch auch gern dabei!
Kurz nach Erscheinen der finalen Internet Explorer 8-Version, stellte Erik Arvidsson im eigenes eingerichteten Explorer Canvas-Blog eine – längst überfällige – neue, überarbeitete Version von ExCanvas zum Anzeigen von Canvas-Grafiken mittels VML Im Microsoft-Browser.
Auffälligste Neuerung ist die Unterstützung des IE8. Da der neuste Redmonder Sprößling in Sachen VML etliches anderes handhabte als die Vorgänger, hatten die Explorer Canvas-Entwickler etliches zu tun um ihre Bibliothek für den IE8 fit zu bekommen.
Zusätzlich wurden eine Vielzahl Fehler behoben und einige Funktionen erweitert und beschleunigt. Die Änderungsliste fällt umfangreich aus:
- die Methoden transform und setTransform wurde nach HTML5-Standard integriert
- der aktuelle Pfad wird bei strokeRect, fillRect und clearRect nun stets korrekt entfernt
- vollständige Unterstützung des IE8 in allen Modi
- diverse Fehler in linearen Farbverläufen behoben
- neue, erweiterte Methode zur Berechnung der Linienstärke
- Rendern von Linien mit einer Stärke kleiner 1px sehen besser aus
- stroke-Methode ignoriert nun nicht mehr lineCap, lineJoin and miterLimit, falls fillStyle-Attribut gesetzt wurde
- stroke schließt nun nicht mehr automatisch den Pfad
- strokeRect und fillRect schließt nun stets korrekt den Pfad
- Einbau des document.createElement(‚canvas‘)-Hacks von Sjoerd Visscher
- diverse Speicherlecks wurden gefixt
Ohne große Vorankündigungen stellte Microsoft heute den Internet Explorer der 8. Generation für Windows XP und Vista in 32- und 64-bit zum Download zur Verfügung. Die Windows 7-Variante, die ich auch persönlich für mein System benötige, wird wohl erst mit der Veröffentlichung des W7-ReleaseCandidates im Mai ausgeliefert werden.
Über die drei Betriebsmodi (Standard, IE7-Mode und Kompatibilitäsmodus) haben bereits nach dem Erscheinen der ersten Beta-Version berichtet.
Wie bereits mehrfach berichtet, sucht Microsoft mit dem IE8 den Anschluß an die moderenen Browser und deren Unterstützung der Web-Standards. Das neue Renderwerk der Trident4-Engine erzielt dabei schon für MS gute Ergebnisse und ist ein Schritt in die richtige Richtung.
Die mangelnde Unterstützung von Canvas und SVG-Grafiken sowie CSS3 trüben die Freude über den Neuling und lassen ihn nicht auf einem Stufe mit beispielweise Firefox3 und Safari4 stehen.
Die JavaScript-Engine des IE8 ist zwar um ein vielfaches schneller als beim Vorgänger, an die sehr guten Ergebnisse der Konkurrenz kommt er jedoch nicht heran.
Obwohl Microsoft die Sicherheit zwar weiter verbessert ist, ist davon auszugehen, das Hacker sich gleich auf den Newcomer stürzen werden um Lücken ausfindig zu machen und auszunutzen. Von daher sollte man mit dem Umstieg vorsichtig sein und eventuell noch paar Monate warten bis die Redmonder die gröbsten Schnitzer ausgemerzt haben.
Wer kennt sie nicht, die Eigenheiten der Browser. Welches Web-Entwickler ist nicht genervt von unterschiedlichen CSS- und HTML-Implementierungen der Browser, wodurch man gezwungen ist, das eigene Projekt auf unzähligen (virtuellen und realen) System mit den unterschiedlichsten Browsern und deren Versionen zu testen.
Microsoft präsentierte nun auf der in Las Vegas stattfindenden Messe MIX mit SuperPreview ein neuartiges Programm zur Web-Entwicklung aus dem MS Expression Web-Bereich.
SuperPreview erlaubt es, eine Homepage gleichzeitig in verschiedenen Browsern und deren Modi anzeigen zu lassen und zu vergleichen. In der für jedermann verfügbaren Vorabversion scheint jedoch nur (zumindest auf meinem Windows7-System) der IE8 im Standard- und IE7-Kompatibilitätsmodus zum Testen zur Verfügung zu stehen.
Zur Darstellung kann man die Renderergebnisse nebeneinander oder – was ich sehr nützlich finde – auch übereinander mittels overlay anzeigen lassen, wodurch eine pixelgenaue Analyse der gerenderen Website möglich ist, um Unterschiede festzustellen. Dies kann man im zweiten, angehängten Bild am Beispiel von Ajaxschmiede deutlich erkennen.
Ein echter Nutzen entsteht aber erst, wenn man auch – wie auf dem ersten Bild, das eine weiterentwickelte, interne Version zeigt, erkennbar – auch alternative Render-Engines wie die von Opera, Firefox und Safari auswählen kann.
Der Erscheinungstermin und ein Preis (sofern es kostenpflichtig ist) wurden nicht genannt.
David King hatte wohl zu viel mit Linux zu tun. Anders kann man sich es nicht erklären, dass er aus Spaß an der Freude vor kurzem eine JavaScript-Version des bekannten Tools Xeyes geschrieben hat.
Zur Umsetzung nutzte er lediglich einige Grafiken, simples JavaScript und das Anwenden von Trigonometrie in der Praxis.
Um das Gimmick im eigenen Projekt zu nutzen, müssen die Datei eyes.js eingebunden, die Augen-Bilder eingebaut und die Funktion aufgerufen werden. Beispielsweise wie folgt:
<script type="text/javascript" src="eyes.js"></script>
<div id="myEye" style="width: 100px; height: 100px; background: url('white.png') center center no-repeat;">
<img src="pupil.png" width="30" height="30" />
</div>
<script type="text/javascript">
EYES.follow ('myEye');
</script>
Viel Spaß damit!
Einige von euch kennen sicher die Domainweltkarte von United Domains. Auf dieser Topografischen Weltkarte sieht man zu jedem Land die entsprechende Top-Level-Domain. Das ist z.B. in einem Büro äußerst praktisch. Diese laminierte Karte in der Größe 120cm x 60cm ist normalerweise für 29,- EUR erhältlich.
Momentan läuft bei United Domains eine Aktion für alle Kunden, die einen eigenen Blog betreiben. Wer einen Blogeintrag zur Domain-Weltkarten-Aktion schreibt, bekommt diese Karte gratis! Der Beitrag muss einen Link zu United Domains oder domain-karte.de enthalten. Den Link und seinem Blogeintrag und die Vollständige Anschrift, an die die Karte geschickt werden soll, sendet man dann per Email an aktion@united-domains.de. Und schon klappt’s mit der Karte. 😉
Die Aktion läuft noch bis 31.03.2009, solange der Vorrat reicht.
Zwei Wochen nach der Veröffentlichung von der Javascript-Bibliothek jQuery in Version 1.3.2 erschien vor wenigen Tagen nach etlichen Beta-Versionen das 1.7er-Release der Benutzerinteraktions-Erweiterung jQuery UI.
Etliche der Neuerungen im Überblick:
- jQuery UI 1.7 ist die erste Version der Schnittstelle, die auf jQuery 1.3 als Untersatz baut. Dadurch profitiert auch jQuery UI in vielen Bereichen erheblich von den Geschwindigkeitsverbesserungen und Erweiterungen der neuen Bibliothekenversion.
- Neben dem Beheben einer Vielzahl von Fehlern und dem Einpflegen unzähliger Verbesserungen, wurde jedes einzelne, verfügbare Plugin dahingehend überarbeitet und optimiert möglichst sauberen HTML-Code zu verwenden. Dabei wurde jedoch auch darauf geachtet, dass Web-Entwickler einfache aber dennoch vielfältige Möglichkeiten haben, die Plugins den eigenen Vorstellungen entsprechend zu erweitern und zu optimieren.
- jQuery UI 1.7 basiert zudem auf dem brandneuen und mächtigen CSS-Framework, das so entwickelt wurde, dass es nicht nur die jQuery UI-eigenen, sondern auch nutzerspezifische Plugins unterstützt. Damit ist jeder Web-Entwickler in der Lage seine eigenen Plugins auf einfache Weise ThemeRoller-kompartibel zu machen. Das Framework bietet CSS-Klassen für die meisten UI-Elemente, Zustände, Container und Icons.
- ThemeRoller, der jetzt nun vollständig überarbeitet in Version 2 vorliegt, ist ein CSS-Framework, das sich ganz speziell der Entwicklung von Benutzerschnittstellen widmet. Mittels ThemeRoller können die CSS-Framework-Klassen verändert und angepasst werden.
Auf der jQuery UI-Seite finden sich eine Reihe von Beispielen und Anwendungsmöglichkeiten. Wenn es euch interessiert, schauts euch an und macht was geniales daraus – falls berichten wir dann darüber.
Wer sich mit Suchmaschinenoptimierung (SEO) und der (Lade-)Geschwindigkeit der eigenen Website beschäftigt, sollte auch mal einen Blick auf das Verhältnis von Inhalt und Markup, also der Struktur, anschauen.
Stoyan Stefanov interessierte sich dafür und schrieb ein kleine Javascript-Funktion die genau dieses Verhältnis berechnet.
Nach dem Einbau in eine Homepage und dem Setzen des Funktionsaufrufes, erhält man neben den Werten Gesamt- und Inhaltsgröße (jeweils in Byte) zwei Zahlen zurück, die das Verhältnis vom gesamten Code zum Content ausdrücken.
Der erste Wert ist ziemlich hart, der zweite ist etwas „loyaler“, imdem dort alt-, title- und value-Attribute als Inhalt gezählt werden. Somit fällt dieser „fairer“ aus.
Wer Lust hat, kann es ja mal ausprobieren und uns die Werte eurer Seite als Kommentar hinterlassen. Ich werde Ajaxschmiede übers Wochenende auch mal testen. Bin gespannt, was da für ein Ergebnis rauskommt.
