Webstandard & Webdesign - CSS, HTML

 

Linkaufbau sichtbar werden lassen - Mit Citation Flow und Trust Flow von Majestic

Als Nutzer von MajesticSEO ist mir gestern aufgefallen, dass mit "Citation Flow & Trust Flow" zwei neue und für jeden "Linkbauer" sicherlich auch interessante Metriken auf Basis des MajesticSEO Backlink-Tools, vorgestellt wurden. Da die zurückliegenden Wochen, nicht zuletzt aufgrund von Panda- und Pengiun-Update bei vielen Webseitenbetreibern eine Menge Verwirrung gestiftet haben, wären neue Möglichkeiten zur Analyse und Auswertung sicherlich nicht nur jedem SEO herzlich willkommen. Der für diese Metrik herangezogene Wert Citation Flow, basiert auf der Anzahl und Qualität der linkgebenden Webseiten und deren möglichen Einfluss auf Webseiten. Der zweite Wert Trust Flow, bildet wie unschwer zu erraten ist, den Trust einer mit diesem Backlink-Tool analysierten Webseite ab.

 (weiter)

Der Webdesigner - Aktuelle Ausgabe mit 3 Artikeln von mir - CSS3, CSS4 und HTML5

Der Webdesigner - Allen Nachfragen von Lesern dieses Blogs in Bezug auf neue Webdesign Tutorials, kann ich die akutelle Ausgabe der Fachzeitschrift "Der Webdesigner" (03/2012) nur empfehlen. Denn in dieser Ausgabe wurden drei mehrseitige Artikel von mir veröffentlicht. Nach einer Anfrage der Sonic Media GmbH die für die Herausgabe dieses Webdesign-Magazins verantwortlich ist, gab es drei Themen die ich mir für diese Ausgabe ausgewählt hatte. Daher gibt es in der druckfrischen dritten Ausgabe diesen Jahres, einen Artikel zum Thema CSS3 ("Fading Images, Der Überblendeffekt mit CSS3"), einen Artikel mit Ausblick in die Zukunft des Webdesigns mit CSS4, sowie einen dritten Artikel zum aktuell sehr relevanten Thema "HTML5, Microdata und SEO". Aufgrund der Nachfrage des Redaktion, werde ich auch in der nächsten Ausgabe für hoffentlich interessante und lesenswerte Artikel verantwortlich sein.

 (weiter)

CSS Tooltip - Step-by-Step Tutorial

Jeder von Euch kennt ihn, den Tooltip. Dieses kleine visuelle Gestaltungsmittel, dass auf schnelle Art und Weise eine (zusätzliche) Information anzeigen soll. Die Browserhersteller bieten ihn über das title-Attribut an, dessen grafisches Antlitz in den meisten Fällen aber nicht dem Design der Webseite entspricht. Um eine Verbesserung der Benutzerführung über dieses meistens textergänzendes Mittel zu erreichen, kann man mit CSS3 und den entsprechenden Pseudo-Elementen bzw. -klassen, mehr als nur einen einfachen eckigen Tooltip erstellen. In einen Gastbeitrag von mir im Blog der Codingpeople, wird daher ein Bestandteil der Bildmarke des Logo dieses Blogs mittels CSS umgesetzt. Eckige Tooltips sind relativ leicht zu ertsellen und auch die gängigen CSS3 Generatoren können dieses Element in wenigen Sekunden erzeugen. Unter Umständen können diese auch den CSS Code eines runden Tooltip erstellen, aber wie sieht es mit einem ovalen Tooltip und einer dazu gehörigen leicht geneigten Spitze aus?

 (weiter)

CSS Media Queries - Nach Bandbreite optimierte Inhalte anbieten - Zukunftsmusik?

Bandbreiten-Perfomance - Gerade bei mobilen und portablen Endgeräten zählt oftmals jedes KB an Datenmenge das geladen werden muss, da ansonsten die Performance spürbar draunter leiden kann. Mit JavaScript besäße man zwar die Möglichkeiten je nach Bedarf, dass heißt der zur Verfügung stehenden Bandbreitenübertragung, gezielt optimale Ressourcen wie Bilder auszuliefern. Chris Coyier von CSS-Tricks hat hierzu allerdings einen äußerst interessanten Einwurf bzw. "Wunsch" geäußert, welche ich gern an Euch weitergeben möchte. Daher die Frage an Euch - wie sinnvoll oder hilfreich wäre es eurer Meinung nach, mittels CSS Media Queries Ressourcen wie bspw. Bilder anzusprechen und somit an die entsprechenden Endgeräte bzw. Viewportgrößen unter den entsprechenden Bedingungen auszuliefern. Das würde dazu führen, dass nicht mehr gleiche Inhalte für unterschiedliche Anforderungen geladen und angezeigt werden würden, sondern für die jeweils beim Benutzer vorliegenden technischen Bedingungen optimierte Inhalte.

 (weiter)