Webstandard & Webdesign - CSS, HTML

 

jQuery - The easy way to navigate

Eine optimale Nutzerführung durch eine entsprechend nutzerfreundliche Navigation zu erzielen, ist das Ziel nahezu jeder Webseite. Wie man die Besucher einer Webseite mit einer Navigation zur Interaktion bringen kann, sollen die folgenden Beispiele von Navigationen zeigen, deren "Verhalten" auf dem mittlerweile recht bekannten und verbreiteten JavaScript-Framework jQuery beruht. Von der vertikalen und horizontalen Slide-, zur Akkordion - oder Tabnavigation, für nahezu jeden Navigationsansatz dürfte ein entsprechendes Plugin, inklusive einem Tutorial vorhanden sein.

 (weiter)

Das Photoshop-Buch für digitale Fotografie - Gewinnspiel

Der Hauptansatzpunkt für digitale Bildbearbeitung liegt bei der Behebung von Fehlern am Computer, die beim Fotografieren entstehen können. Da diese Probleme die Bildbearbeitung digitaler Fotografien erst notwendig machen, wie beispielsweise die Über- und Unterbelichtung, Kontrastschwäche oder aber der sicherlich allen bekannte Rote-Augen-Effekt extrem vielfältig sind, ist es vor allem für Einsteiger hilfreich, Unterstützung zu erhalten. In diesem Fall in Form eines Buches mit 117 Workshops zur Bildbearbeitung digitaler Fotos. Daher gibt es hier im Webstandardblog ab heute die Möglichkeit das 520 Seiten starke Buch "Das Photoshop-Buch für digitale Fotografie" von Maike Jarsetz im Wert von 39,90 Euro gewinnen zu können. Mehr über die Teilnahmebedingungen für dieses brandneue Buch, im nächsten Textabsatz.

 (weiter)

Seminare für Typo3 und Online-Marketing

Um in Bereichen wie der Webentwicklung konkurrenzfähig bleiben zu können, ist eines mittlerweile ( fast ) unerlässlich geworden - Weiterbildung! Die Möglichkeiten hierfür sind, wie das Themenangebot selbst, sehr vielfältig. Daher ist eine Spezialisierung unvermeidbar. Die Winterberger Internet- und Marketing - Agentur netzpepper bietet seit Jahren Schulungen rund um die Themen Typo3 und Online-Marketing an. Das Angebot der Schulungen richtet sich an Programmierer, Entwickler, Content-Manager, Redakteure oder Marketing-Fachleute, aber auch an Laien, die ihre eigene Website verbessern möchten. Wie die letzten Monate gezeigt haben, gibt es hier eine sehr große Nachfrage, schließlich hat sich Typo3 zu einem der größten CM-Systeme weltweit entwickelt.

 (weiter)

Pagerank-Update von Google 06/2009

Was jetzt schon? So oder so ähnlich könnte die Reaktion derjenigen sein, bei denen auch die Kontrolle des Pagerank ihrer Webseite(-nprojekte) zum täglichen Geschäft gehören. Denn Google hat es mal wieder getan und das nicht einmal 30 Tage nach dem letzten Pagerank-Update. Diesmal hat es wohl im Großen und Ganzen weniger Bewegung beim "grünen Balken" gegeben. Nicht wenige dem Thema SEO sehr zugeneigten Blogs äußern die Vermutung, dass Google dieses Update monatlich einführen will. Sei es wie es ist, eines ist auf jeden Fall klar - Google weiß wie man die Webseitenbetreiber "überrascht". Und wer von Euch diesmal noch checken möchte wie es um den eigenen Pagerank aussieht, kann dies bei Sistrix tun.

 (weiter)

Bing xRank vs. Google Trends

Das Microsoft mit dem Erscheinen von Bing den Suchmaschinenmarkt verändert, war nicht unbedingt zu erwarten. Vergleiche von Suchmaschinenergebnissen zwischen Google, Bing und Yahoo zeigen, dass der "Neuling" einiges zu bieten hat. Aber damit scheint man sich bei Microsoft nicht zu begnügen, in sonst üblicher Google-Manier werden den "Suchenenden" weitere Funktionen und Entscheidungsmöglichkeiten bei der Suche präsentiert. Die Rede ist von xRank! xRank stellt das Pendant zu Google-Trends. Beide Suchmaschinen bieten auf der jeweils ersten Seiten des Dienstes die aktuell meistgesuchten Stichworte an. Bei Xrank werden diese allerdings noch mit einem Icon zur "Trend-Tendenz" versehen. Ob die Ergebnisse wirklich "trendy" sind und welche Unterschiede bei den Ergebnissen von Google und Bing auftreten, habe ich aus aktuellem Anlass ( Wimbledon ) daher einmal einem kleinen Test unterzogen. Und das Fazit zum Vergleich Bing xRank vs. Google Trends ist durchaus überraschend deutlich.

 (weiter)

Webdesign-Galerien für CSS und Flash

Immer wieder erreichen einen Anfragen von Lesern nach Quellen die Ihnen Inspiration verleihen. Ein Verweis auf eine hier im Blog vorhandene Kategorie "Inspiration" ist manchen dann aber immer noch zu weit weg, von dem was sie inspirieren kann. Daher möchte ich an dieser Stelle einmal zwei deutsche Webdesign-Galerien vorstellen, die dem ein doer anderen vielleicht noch nicht so bekannts sind. CSS Hamster, die erste dieser beiden Quellen, soll laut Betreibern der Plattform die erste etablierte deutschsprachige Webdesign-Galerie werden. Diese seit 2008 bestehende Plattform weist bereits einige sehenswerte Quellen auf, so das auch für die Eingangs erwähnten Fragesteller, die ein oder andere "Inspiration" dabei sein sollte. Die zweite Webseite ist design-award und diese verspricht laut Stefan dem Macher der Seite, eine tägliche Dosis an Inspiration.

 (weiter)

Gewinnspiel - Adobe Photoshop CS4 - Die Workshops für Einsteiger

Das kreatives Web- bzw. Screendesign ohne Kenntnisse im Umgang mit der entsprechenden Software schwer umzusetzen ist, dürfte sicherlich jedem von Euch einleuchten. Da "die Meister" bekanntlicherweise nicht vom Himmel fallen, sondern jeder einmal klein anfängt, habe ich dies zum Anlass genommen, wieder einmal ein Gewinnspiel zu starten, bei dem es entsprechende Literatur zu gewinnen gibt. In diesem Fall "Adobe Photoshop CS4 - Die Workshops für Einsteiger" von Markus Wäger im Wert von 39,90 Euro. Da es beim großen Oster-Gewinnspiel eine hohe Nachfrage insbesondere zu diesem Buch gegeben hat, haben diejenigen die damals nicht gewonnen haben, somit erneute eine Chance dieses 440 Seiten starke Buch mit überzeugenden praxisnahen Workshop-Beispielen gewinnen zu können. Mehr über die Teilnahmebedingungen, im nächsten Textabsatz.

 (weiter)

Das 3 Fragen-Stöckchen

Man kann ihnen kaum ausweichen, daher war es nur eine Frage der Zeit das auch der Webstandardblog von einem getroffen wurde. Die Rede ist vom Blog-Stöckchen! Vom daswebdesignblog beworfen, wird es auch an dieser Stelle 3 Fragen an die Leser geben. Zudem wird das Stöckchen in drei Teile zerbrochen und an drei Blogs weitergereicht ( siehe die "Auserwählten" ), in der Hoffnung das diese Teile von den Betreibern aufgefangen und an wiederum 3 Blogs ihrer Wahl, mit entsprechenden Fragestellungen, weitergereicht werden.

Die 3 Fragen

• Auf welcher Weblog-Software basiert dein Weblog?
• Wie würdest du den Begriff Suchmaschinenoptimierung mit 3 Worten beschreiben?
• Welchen Blog ( außer dem eigenen ) würdest du meinen Lesern empfehlen?

 (weiter)

CSS and jQuery for interactive Webdesign - Part 2

Ziel vieler Webdesigner ist es mit JavaScript bzw. den zur Verfügung stehenden Frameworks, die Nutzerführung der Webseitenbesucher zu verbessern. Da sich der erste Teil der Artikel-Serie CSS and jQuery for interactive Webdesign eher auf "Elemente in Bewegung" bezog, werden in diesem zweiten Teil Plugins zur Verbesserung der Nutzerführung vorgestellt. Ob dem Filtern von Tabelleninhalten, der veränderten Darstellung von Links basierend auf den Klickverhalten der Webseitenbesucher oder der grafischen Darstellung von Daten durch das jQuery-Plugin jqPlot, die Auswahl zeigt das mit wenigen eigenen Zeilen JavaScript, interessante und durchaus nützliche Effekte erzielt werden können.

 (weiter)

Suchmaschinenergebnisse von Google, Bing und Yahoo miteinander vergleichen

Blogbeiträge zur neuen Suchmaschine Bing von Microsoft gibt es mittlerweile zahlreiche. Es werden Funktionen und Layout beschrieben, aber wie sieht es mit dem wesentlichen aus? Den Suchergebnissen! Falls Bing im hart umkämpften Suchmaschinenmarkt auf dem Vormarsch ist und es vielleicht sogar auf Platz 2 schaffen sollte, sind die Suchmaschinenergebnisse des Microsoft-Schützlings zumindest eine Beachtung wert. Um die Suchergebnisse der Suchmaschinen bei bestimmten Keywords miteinander vergleichen zu können, könnt ihr eine der folgenden Webseiten dafür nutzen, um zu sehen welche Suchmaschine euch bzw. eure Keywords weiter vorne auflistet.

 (weiter)

Aktuelle Browser im Rendering-Engine Vergleich

Um den Support der aktuellen Browser(-versionen) in Sachen CSS und JavaScript noch ein wenig genauer zu beurteilen, wurde alle Browser drei weiteren Test unterzogen. Beim CSS Rendering Benchmark muss der Browser schnellstmöglich 2.500 verschiedene Div-Klassen darstellen. Die daraus resultierende Zeit bildet den Vergleichswert. Zudem wurde alle beim Sunspider-Benchmark und dem Celtic Kane Javascript Benchmark zwei Vergleichen in Sachen allgemeiner JavaScript-Performance unterzogen. Außerdem wurden allen Browser dem Acid-3 Test unterzogen. Die kleine Abbildung gibt schon einmla einen kleinen Ausblick darauf, wer bei den Vergleichen die Nase vorn hat.

 (weiter)

SlickSpeed-Test - Vergleich der Ladezeiten aktueller Browser

Die neuen Browser-Updates ( Safari 4.0, Internet Explorer 8 , Firefox 3.0.10, Chrome 2.0.172.30 und Opera 10b ) und die Behauptungen der Hersteller das aktuelle Update sei schneller denn je, schreit förmlich nach einem Verlgeich zwischen den verschiedenen Browsern. Einen Test den ich hierfür sehr gerne heranziehe ist der auf MooTools basierende Slickspeed Selector Test. Vielen wird er bereits bekannt sein, trotzdem sei noch einmal kurz erwähnt, dass bei diesem Test die unterschiedlichen Ladezeiten der JavaScript-Frameworks Prototype, jQuery, MooTools, Dojo, YUI in Bezug auf CSS-Selektoren abgefragt werden. Die Ergebnisse variieren bei den Versuchen zwar, sind aber gute Anhaltspunkte für eine Tendenz und lassen den Schluss zu ob sich die neuen Versionen eher verbessert oder verschlechtert haben und ob es sich um einen eher schnelleren oder eher langsameren Browser in Bezug auf dieses Feature handelt. Die Ergebnisse der Ladezeiten der nun folgenden Übersicht, werden für die wenigsten allerdings wirklich überraschend sein.

 (weiter)

Mehr Umsatz dank Conversion CheckUp

"Bildersuchende als Traffic-Quelle nutzen", ist nur eine von zahlreichen Möglichkeiten, wie man die Interaktion auf einer Webseite erhöhen kann. Optimeister, ein Beratungsspezialist im Bereich "Conversion Optimierung" hat sich dieser Aufgabe angenommen und optimiert Websites. Die Optimierungsziele sind dabei sehr individuell: es kann das Ziel sein, dass Besucher sich registrieren, dass sie ihre Aufenthaltsdauer auf einer Webseite erhöhen, etwas kaufen oder auf einen Affiliate-Link klicken. Kurz gesagt, Optimeister sorgt dafür, dass die Besucher auf einer Website das tun, "was sie tun sollen", damit der Betreiber Geld verdient. Der große Vorteil: Man zahlt nur, wenn Optimeister tatsächlich eine Steigerung der Conversion erreicht. Potential für eine entsprechende Optimierung ist auf nahezu jeder Webseite oder Landingpage, aber auch jedem Newsletter vorhanden, dafür geben die Betreiber einen Anschub und verlosen bis zum 28. Juni, 19.30Uhr drei Conversion CheckUps im Wert von insgesamt min. 1.700 Euro!

Bildersuchende als Traffic-Quelle nutzen

Auf der Suche nach steigenden Besucherzahlen, zeigen viele Blogger wenig "Kreativität" und beschränken sich in erster Linie darauf mehr Content anzubieten. Dabei gibt gibt es eine durchaus einfache Möglichkeit mehr Traffic zu generieren. Verwendet Bildmaterial in euren Beiträgen! Denn bei Bilddateien versehen mit entsprechend ausgewählten Keywords, lässt sich der Traffic über die Bildersuche der Suchmaschinen signifikant steigern. Nutzer von Suchmaschinen die die Bildersuche nutzen und über entsprechendes Bildmaterial den Weg zum Webstandardblog finden, bleiben bezüglich der durchschnittliche Besucherzeit sogar 4x so lange auf dem diesem Blog, wie diejenigen Besucher die ausschließlich durch Keywords über die Textsuche den Weg hierher finden. Aber auch in Bezug auf andere analysierte Daten, stellen die "Bildersuchenden" Bestwerte auf.

 (weiter)

Gewinne Adobe Illustrator CS4 - Das Praxisbuch zum Lernen und Nachschlagen

Monika Gause, die Autorin des Buches Adobe Illustrator CS4 und der Galileo-Verlag, ermöglichen es einem Leser des Webstandardblogs ein Exemplar ihres neu erschienenen und knapp 800 Seiten umfassendes Buches inklusive DVD im Wert von 59,90 Euro gewinnen zu können. Was müsst ihr dafür tun, um eine Chance auf dieses Buch haben zu können? Findet ein deutschsprachiges (!) Illustrator-Tutorial und kommentiert dieses hier! Die hier veröffentlichten Tutorials sind davon natürlich ausgeschlossen. Auf diese Weise soll für alle interessierten "Vektorianer", eine nützliche Sammlung an deutschsprachigen Illustrator-Tutorials zusammengetragen werden. Der Gewinner des Buch-Exemplares wird wie gewohnt, via Zufallsgenerator ermittelt. Die Möglichkeit dieses neue Exemplar gewinnen zu können ist natürlich zeitlich begrenzt, daher muss Euer Kommentar bis zum 17.Juni 2009 hier in diesem Beitrag eingegangen sein.

 (weiter)

Gemeinsamkeiten von Illustrator und CSS

Viele Illustrator-Anwender haben ein Problem mit dem Konzept von Aussehen-Eigenschaften. Diese dienen nicht bloß dem Einsatz von Effekten, sondern sind eigentlich die Grundlage objektorientierter Grafik. Wer das Aussehen verinnerlicht hat, kann nicht nur seine Objekte viel länger im Designprozess editierbar halten, sondern kann auch viel bequemer, schneller und vielseitiger mit Vektor-Programmen arbeiten. Ich schreibe hier ganz bewusst "Vektor-Programme", denn man findet Vergleichbares in CorelDraw, Inkscape oder aber auch FreeHand MX. Gerade CSS-Spezialisten könnten speziell die Verständnis-Schwierigkeiten über das Aussehen mit einem Lächeln quittieren, gehen sie doch tagtäglich mit einem sehr verwandten Konzept um. Wenn Ihr Euch die Aussehen-Eigenschaften mal vom CSS-Standpunkt aus betrachtet, dann bekommt Ihr vielleicht einen besseren Zugang zu dieser Thematik.

 (weiter)

Interactive Webdesign with CSS and jQuery

Das man mit CSS nahezu alle Ansätze eines Screendesigns umsetzen kann ist nichts neues und auch das dank CSS3 einzelnen HTML-Elementen "Leben in Form von Bewegung" eingehaucht werden kann. Da diese zugegebenermaßen nicht unbedingt alltagstauglichen Animationen zudem nur in einem Browser funktionieren, gibt es dank dem JavaScript-Framework jQuery und den zahlreichen Plugins die täglich durch kreative Köpfe entstehen, zahlreiche Alternativen. Die folgende kleine Auflistung präsentiert daher heute "Elemente mit Bewegung", basierend auf CSS & jQuery.

 (weiter)