Webstandard & Webdesign - CSS, HTML

 

jQuery-Plugin Lazy - The on-demand Plugin loader

Dank Oliver von www.mysrc.de, bin ich kürzlich auf ein Plugin aufmerksam geworden, dass sich all diejenigen die für die verschiedensten Features ihrer Webseite(n) auf mehrere Plugins des JavaScript-Frameworks jQuery zurückgreifen, mal etwas näher ansehen sollten. Das Plugin Lazy von Jan Jarfalk aktuell in Version 1.3 vorliegend, lädt "on-demand" und ermöglicht es anstatt alle in einer Webseite implementierten jQuery-Plugins zu initialisieren, nur diese Dateien zu laden ( ui.core.js und ui.draggable.css - siehe Abbildung ), welche tatsächlich auf der jeweiligen Seite durch eine Funktion aufgerufen werden.

 (weiter)

Landingpage-Optimierung wichtiger als SEO und SEM

Eine aktuelle und heute vom BVDW (Bundesverband Digitale Wirtschaft Deutschland e.V.) veröffentlichte Umfrage belegt, dass die "Konversionsrate" zu einem zunehmend zentralen Thema im E-Commerce wird. Zusammen mit Suchmaschinen-Optimierung ( SEO ) und -Marketing ( SEM ) spielen optimierte Landing-Pages bei den über 100 Teilnehmern dieser Umfrage ( schwerpunktmäßig Beschäftigte aus Unternehmen der digitalen Wirtschaft ) die wichtigste Rolle beim Abverkauf im Internet. Ich würde dieser Auswertung des BVDW dahingehend ein wenig wiedersprechen, dass die Optimierung einer Landingpage ist nicht losgelöst von SEO ( Onpage + Offpage ) zu betrachten ist und somit auch nicht wichtiger als diese sein kann.

 (weiter)

Grunge-Photoshop-Tutorial - Welcome to the jungle

Moderne Webseiten sollten mehr als nur die reine Darstellung von Informationen bieten. Vielmehr sollten die Informationen in der richtigen Art und Weise präsentiert und Emotionen transportiert werden. Im folgenden Photoshop-Tutorial zum Thema Gestaltung eines Webseitenkopfes, werden Euch Schritt für Schritt daher einige Tricks und Kniffe für die Gestaltung eines ausdrucksstarken Webseitenkopfes im Grunge-Stil geboten.

 (weiter)

Firefox 4.0 - Screenshots erlauben erste Einblicke

Letzte Woche erst hat das Entwickler-Team anhand von Screenshots im Mozilla-Wiki Einblicke in den Entwicklungsstand der Firefox-Version 3.7 ermöglicht und bereits heute wurden weitere Abbildungen zum Entwicklungsstand des Firefox unter Windows veröffentlicht. Diesmal aber bereits zur Version 4.0! Offensichtlich sind hier insbesondere die möglichen unterschiedlichen Positionen der Tabs. Zwar nichts revolutionäres, denn Safari und Google besitzen diese Darstellung der Tabs am oberen Browserfensterrahmen bereits seit geraumer Zeit, aber zumindest doch recht ansehnlich.

 (weiter)

Webdesign inspired by jQuery and Twitter

Möglichkeiten die Leser und Besucher des eigenen Blogs mit den eigenen Tweets zur versorgen, gibt es etliche. Dem JavaScript-Framework jQuery und den Programmierschnittstellen von Twitter ist es zu verdanken, dass eine große Vielfalt an Twitter-Features basierend auf diesem weit verbreiteten Framework existieren und bspw. die eigenen Tweets auf einfache Weise eingebunden und ausgeben werden können, ohne dabei Twitter oder aufrufen zu müssen. Ob die Implementierung und die Ausgabe der eigenen Tweets, die Abbildung der Twitter-Follower bzw. deren Profil-Bildes als "Mosaik" oder ein Tweet-Counter, der Kreativität sind wie so oft keine Grenzen gesetzt.

 (weiter)

Google Chrome 3.0 steht in neuer Beta-Version zum Download bereit

Google hat heute die neue Beta-Version 3.0.193.2 seines Browser-Schützlings Google-Chrome veröffentlicht. Gegenüber der aktuellen Version 2.0.172, gibt es inbesondere im Bereich der Javascript-Engine V8 welche jetzt in Version 1.2.13.2 vorliegt und nun stabiler, aber auch schneller sein soll als sein Vorgänger, deutliche Geschwindigkeitsvorteile. Ein Behauptung, die man natürlich nicht so einfach im Raum stehen lassen kann, daher wurde der Browser diesbezüglich sofort gestet wurde. Und siehe da, im Sunspider-Benchmark der 26 Einzeltests in Bezug auf die JavaScript-Engine durchführt, hat sich der Wert deutlich verbessert. Wofür die ältere Version zuvor noch 2332.8ms benötigte, schafft die neue Version den Test in 802.5ms (Durchschnittswert von 10 Testläufen)! Eine Steigerung die sich wirklich sehen lassen kann und die anderen Browserhersteller diesbezüglich durchaus unter Druck setzt.

 (weiter)

JavaScript - Das umfassende Handbuch - Gewinnspiel

Nach dem es in des in den letzten Wochen hier eher Buchexemplare zum Thema Photoshop für Euch zu gewinnen gab, gibt es heute zum etwas verspäteten Jubiläum ( das hier ist Artikel-Nr. 501 im Webstandardblog ), dass Standardwerk zum Thema JavaScript überhaupt - "JavaScript - Das umfassende Handbuch" zu gewinnen! Von DOM, über Ajax und CSS, hin zu XML und Web Services, dieses Buch wirft einen Blick auf alle wichtigen Techniken. Aber auch Themen wie Silverlight 2 oder jQuery werden nicht außen vor gelassen. Was ihr dafür tun müsst, um dieses 847 Seiten starke brandneue Buch von Christian Wenz in der 9.Auflage (!) im Wert von 39,90 Euro, inklusive DVD gewinnen zu können, erfahrt ihr im weiteren Verlauf dieses Artikels.

 (weiter)

Firefox 3.7 - Screenshots erlauben erste Einblicke

Das Update des Firefox-Browsers auf die Version 3.5 ist noch gar nicht lange her, schon gibt es bereits erste Informationen ( inkl. Screenshots ) zu einem der Nachfolger. Genauer gesagt der Firefox-Version 3.7. Die vom Firefox-Entwickler-Team veröffentlichten Informationen geben Einblicke in 3 Neuerungen die sich auf die Toolbar und die Tabnavigation und deren Darstellung und Funktionen beziehen. Die visuellen Änderungen dieser ersten Entwürfe basieren auf Windows Aero und übernehmen damit die dort überall sehr präsenten halbdurchsichtigen Fenster. Der 3D-Effekt der Buttons wurde verstärkt, um damit die Aufmerksamkeit der Benutzers auf diese Navigationselemente erhöhen zu können. Absolut neu hingegen, ist der sogenannte "Page-Button" der sich links innerhalb der Tab-Navigation befinden soll und diverse Browser-Funktionen in dem jeweiligen Tab aufrufen kann. Genauere Informationen hierzu gibt es seitens des Entwicklerteams aber noch nicht.

 (weiter)

jQuery dominiert bei den JavaScript-Frameworks

Aufgrund der steigenden Anzahl an JavaScript-Frameworks, steht vor jedem Projekt die Frage, welches Framework denn das geeignete ist. Bei der Entscheidung welches man einsetzt, spielen allerdings mehrere Faktoren eine Rolle. Neben dem hauptsächlichen, dem allgemeinen Funktionsumfang eines Frameworks, ist auch die Datei-Größe und damit die Ladezeit des zu ladenden Javascripts ( inklusive zusätzlicher Funktions-Plugins ) ein nicht zu vernachlässigender Entscheidungsfaktor. Aus diesem Grund habe ich via twtpoll folgende Umfrage gestartet: What's your favorite JavaScript-Framework? An dieser Umfrage haben insgesamt 363 interessierte Leser teilgenmommen und diese haben ein JavaScript-Framework eindeutig favorisiert - jQuery. Mit 64% aller Stimmen, hat dieses Framework alle anderen deutlich hinter sich gelassen. Nichts desto trotz möchte ich auch euch fragen ( sofern ihr nicht bereits an der Umfrage teilgenommen habt ), welches euer favorisiertes JavaScript-Framework ist und vielleicht auch kurz begründen, warum?

 (weiter)

Blogcounter für 15050 Euro bei Ebay verkauft

Blogcounter ist verkauft! Am Samstag über Prometeo darauf aufmerksam geworden, ist der laut ehemaligen Betreiber weltgrößte auf Blogs spezialisierte Counterservice BlogCounter am Wochenende bei Ebay für 15.050 Euro versteigert worden. Verkauft wurden hierbei die Domains BlogCounter.de und .com mit aktuell fast 60.000 Nutzern, mit laut Yahooüber 1 Mio eingehender Links. Blogcounter war einer der ersten großen Counterservices in Deutschland und nicht wenige Blogs von Euch enthielten bzw. enthalten immer noch dieses Counter-Icon. Sicherlich ist die immer noch vorhandene Reichweite nicht zu verachten, aber dafür 15.050 Euro ausgeben, auch wenn man über Linkverkäufe Geld generieren kann? Was meint ihr, gute Investition oder eher nicht?

Creative Image-Galleries by jQuery

Die Phase in der sich Besucher von Webseiten entscheiden, auch nach der ersten Wahrnehmung der Webseite weiterhin auf dieser zu verweilen oder bspw. den Kauf eines Produktes erwägt, spielt die Emotion die beim Besucher geweckt wird den entscheidenden Faktor. Daraus resultierende Fragen beziehen sich dann darauf, ob diese Seite dem Besucher einen Mehrwert bietet. Das könnten gesuchte Informationen oder aber eben auch Produkte sein, die er oder sie möglicherwiese bereit sind zu kaufen. Um nun diese Emotionen zu wecken, gibt es in der Online-Welt des WWW kaum ein effektiveres Gestaltungselement als Bilder. Die Art und weise der Präsentation von Bildern und Bilder-Galerien kann auf verschiedenste Arten angegangen werden. Das JavaScript-Framework jQuery bietet für die Präsentation von Bildern zahlreiche Möglichkeiten. Ob sliding, switchen oder scrollen, der Galerie-Vielfalt sind kaum Grenzen gesetzt, aber seht selbst.

 (weiter)

Bing und Twitter werden zu BingTweets

Mit bingtweets.com verbindet die mittlerweile recht erfolgreiche Suchmaschine Bing, die Suchergebnisse der normalen Websuche mit realtime Tweets von Twitter. Diese im Beta-Stadium befindliche Anwendung wurde von Federated Media in Kooperation mit den Redmondern ins Leben gerufen, in der Hoffnung damit eine weitere Anwendung zu besitzen die dem Marktführer Google Marktanteile abnimmt. Neben den üblichen Suchergebnissen, erhält der User auch aktuelle Tweets zu dem jeweiligen Suchbegriff. Bei Suche nach dem Begriff Webstandard überrascht demnach auch nicht, dass mein Twitter-Account "Webstandard", dass erste Suchergebniss in der normalen Websuche bildet.

 (weiter)

Vintage, HDR, Blur und Co. - Tutorials zur Bildbearbeitung mit Adobe Photoshop

Im Gewinnspiel für "Das Photoshop-Buch für digitale Fotografie" wurden über 30 interessante Links zu Tutorials zur Bildbearbeitung digitaler Fotografien von den Lesern zusammengestellt. Da man im alltäglichen Umgang digitale Fotografien nicht selten Anpassungen vornehmen muss, habe ich von den zur Verfügung stehenden Tutorials, die 7 interessantesten Photoshop-Tutorials zusammengestellt. Ob dem Erzielen eines höheren Kontrastes, dem Erzeugen eines Bildes mit HDR-, Vintage- oder Film-Effekt, in wenigen Schritten gelangt man vom Ausgangsmotiv zu einem sehr ansehnlichen Endprodukt. Verdeutlicht werden die Möglichkeiten der Bildbearbeitung, durch einen "Vorher - Nachher - Vergleich".

 (weiter)

Das Adobe Photoshop CS4 Praxisbuch - Gewinnspiel

Geballtes Photoshop-Wissen - aktuell zu CS4! Dieses Buch aus dem Galileo-Verlag vermittelt umfassend, praxisnah, aber trotzdem leicht, wozu Photoshop CS4 in der Lage ist. Vom "schnellen Einstieg", der die Arbeitsoberfläche, Werkzeuge und Fachwissen zur "Bildbearbeitung" vermittelt, über die Art und Weise Bilder korrigieren zu können, zum Kapitel "Reparatur & Retusche", bis hin zu Profi-Know-How in dem Wissen über Ebenenmasken, Füllmethoden, Smartfilter und Smart-Objekte vermittelt wird. Dieses Buch bietet vom Einsteiger bis Profis lesens- und lernenswertes! Aus diesem Grund gibt es hier im Webstandardblog ab heute die Möglichkeit dieses 1120 Seiten starke Buch "Adobe Photoshop CS4 - Das Praxisbuch zum Lernen und Nachschlagen" von Sibylle Mühlke im Wert von 49,90 Euro, inklusive DVD und Referenzkarte gewinnen zu können.

 (weiter)

Mit Ziffern in Überschriften zu mehr Traffic - Sprecht Emotionen an!

Die wohl durchdachte Strukturierung des Textes einer Webseite ist das "A & O". Denn sie wird nicht, wie die Seite eines Buches gelesen, sondern in den meisten Fällen lediglich "gescannt". Der Grund ist denkbar einfach - das Lesen am Bildschirm ( egal welcher Größe ) ist wesentlich anstrengender. Daher ist es umso wichtiger mit wenigen Worten die Emotionen beim Betrachter zu wecken, die dazu führen das dieser die entsprechenden Texte auch liesst. Neben grafischen Elementen die einen Webseitenbesucher auf der Webseite "halten", spielen vor allem Überschriften die zentrale Figur. Sie sollten kurz und knapp sein, trotzdem aber auch genügend Informationen ( Stichwort: Keywords ) vermitteln um über sie Reize anzusprechen und Emotionen zu wecken, die dann wiederum in einem Klick und am Ende in mehr Traffic enden. Ein sehr hilfreiches Hilfsmittel diesbezüglich sind Ziffern.

 (weiter)

W3C beendet Arbeiten an XHTML2

Das W3C hat sich am 2.Juli dazu entschlossen die Arbeiten an XHTML2 Ende diesen Jahres einzustellen und das Hauptaugenmerk bei der zukünftigen Entwicklung eher auf HTML5 zu setzen. Ein Standard der im übrigen bereits zu Teilen Einzug in den neuen Firefox 3.5 gehalten hat und damit seine Praxistaglichkeit bereits unter Beweis stellt. XHTML2 wäre im übrigen nahezu vollständig inkompatibel zu den vorherigen XHTML-Standards gewesen, da die Spezifikation konsequent an XML anlehnt ist. Ein Schritt der Seitens des W3C allein aufgrund der nicht vorhandenen Abwärtskompatibilität schon wesentlich eher hätte erfolgen können.

 (weiter)

Ausgehende Links mit Google-Analytics tracken

Für das Tracken ausgehender Links kann es mehrere Gründe geben. Zum Beispiel, ob das Twitter oder RSS-Feed Icon die optimale Position besitzt, so das es von den Besuchern auch wahrgenommen wird und sie dann im Idealfall auch darauf klicken. Ob die Position innerhalb der Webseite "die Richtige" ist, kann u.a. mit Hilfe eines A/B-Tests herausgefunden werden, wobei im Laufe eines bestimmten Zeitraums die Positionen der zu untersuchenden ausgehenden Links verändert und dann anhand der Anzahl der geklickten Verlinkungen miteinander verglichen werden. Ein weiteres Beispiel könnte sein, dass ihr mit dem Banner eines Kooperationspartners möglichst viele Leser ansprechen wollt, dazu müsst ihr aber wissen welche Position zu einer besseren Performance des Banners führt. Um dies herausfinden zu können, bedarf es nur weniger Anpassungen im Quelltext eurer Webseite, damit Google-Analytics die ausgehenden Links auch erkennen und zählen kann. Die Anpassungen eurerseits sind, wie die Code-Beispiele weiter unten im Artikel belegen, nur noch minimal.

 (weiter)

Mobiles Internet erleben - 24mobile.de macht's möglich

[ Trigami-Review ] Dank zahlreicher Smartphones wie dem Apple iPhone und deren verbesserter Handhabung, insbesondere aber aufgrund der mittlerweile stark verbesserten technischen Features wie schnellere Prozessoren und größere interne Speicherkapazitäten, aber auch den günstigeren Preisen der Provider um unterwegs "Online" zu gehen, sind die Möglichkeiten das mobilen Internet nutzen zu können, spürbar gestiegen. Allerdings ist es oftmals nicht immer einfach das gewünschte Modell mit dem für sich idealen Handy-Tarif zu bekommen. Die einen Anbieter bieten das Handy an welches man möchte, allerdings sind die dann die zur Verfügung stehenden Tarife nicht immer das was man benötigt. Das neue netzbetreiberunabhängige Handyportal 24mobile.de setzt genau an dieser Stelle an.

 (weiter)

Firefox 3.5 - Schneller und Sicherer

"Das Warten" hat endlich ein Ende! Der Browserliebling no.1 Firefox ist gestern in 3.5 erschienen und steht in zahlreichen Sprachen für Windows, Mac OS X und Linux zum Download zur Verfügung. Und es hat sich einiges getan und damit ist nicht nur das überarbeitete Firefox-Logo und die neue JavaScript-Engine "TraceMonkey" gemeint, die für wesentlich mehr "Power" sorgt. Außerdem bietet die neue Version einige neue Features, wie bspw. die Unterstützung offener Audio- und Videoformate, die es ermöglichen entsprechende Medien anzuzeigen, ohne ein Plugin oder eine Software dafür installieren zu müssen. Ob Euer aktueller Browser dieses Feature ebenfalls besitzt, könnt ihr auf VideoBay testen.

 (weiter)