Dr. Web hat gestern einen interessanten Artikel zum Thema Double-Content veröffentlicht. Mittels Canonical-Relation-Attribut kann dieser (für Suchmaschinen) verhindert werden, sprich der Webdesigner kann selbst entscheiden welche Domain für Google und Co. als Hauptdomain gelten soll.
Durch die Implementierung des Snippets im head der Seite kann Google zufolge Downranking aufgrund von Double-Content verhindert werden. Wir werden sehen.
Die westliche Leserichtung ist bekanntlich von links nach rechts und von oben nach unten. Insbesondere in asiatischen und arabischen Ländern wird hingegen oft von rechts nach links geschrieben und gelesen. Ebenso gibt es Kulturen in denen die Zeilen von oben nach unten verlaufen. CSS 3 ermöglich nun endlich diese Textdarstellung.
In diesem Beitrag beschreibe ich Funktionsweise und praktische Anwendung des CSS 3-Features "writing-mode".
Das iPhone stellt das "echte" Internet dar, soviel wissen wir schon aus der Werbung. Doch es gibt auch diverse Websites die extra für das iPhone geschrieben oder zumindest optimiert wurden.
Experten und Web-Pioniere sind sich einig: Die Zukunft des Internets ist mobil. Höchste Zeit also sich mit diesem Thema auseinander zu setzen. In diesem Artikel erläutere ich einige Funktionen hinsichtlich des iPhones.
Auf die offizielle Veröffentlichung von CSS 3 darf die Webdesign-Gemeinde wohl noch etwas warten. Kein Grund jedoch sich nicht einige der neuen Funktionen etwas genauer anzuschauen:
In diesem Artikel zeige ich anhand simpler Beispiele die CSS 3-Funktionen "rounded courners", "multiple backgrounds", "box-shadow", "text-shadow" und "multi-column-layout".
Vor einigen Tagen brauchte ich eine simple Bildergalerie in der man mit der Maus über Miniaturansichten fährt und das entsprechende Bild in groß angezeigt bekommt. Auf der Suche nach einer entsprechenden Lösung fand ich jedoch leider nichts was mir wirklich zusagte. Zum einen wollte ich komplett auf JavaScript verzichten, zum anderen das Markup möglichst übersichtlich halten.
Im folgenden erläutere ich Euch die nun entwickelte Lösung.
Bewegung und Räumlichkeit in Internetseiten beschränken sich heutzutage keinesfalls mehr auf Flash oder Javascript.
Mittels unterschiedlich positionierter Grafiken kann während der Skalierung des Browserfensters ein räumlicher, dreidimensionaler oder gar bewegter Eindruck entstehen.
Hier findet Ihr einige beeindruckende Beispiele für Räumlichkeit und Bewegung mittels Parallax (Linienrasterbild) und Background-Ausrichtung in CSS.
Das XFN (XHTML Friends Network)-Mikroformat zeichnet soziale Beziehungen in Hyperlinks aus. So kann beispielsweise angegeben werden, dass der verwendete Hyperlink auf einen Blog eines Freundes, die Homepage der Ehefrau oder die E-Mailadresse des Arbeitskollegen verweist.
»The State of CSS« ist eine umfangreiche Umfrage zum Thema CSS, deren Ergebnisse jetzt veröffentlicht wurden. Abgefragt wurden neben verschiedenen …
Beitrag zu Ende lesenImmer größere Smartphones mit immer höher auflösenden Displays verleiten zusehends dazu, Viewport-Breiten von 320 Pixeln im Web Design zu vernachlässigen. …
Beitrag zu Ende lesenWer sich mit CSS beschäftigt, muss eine Vielzahl von Begriffen kennen. Es gibt Keywords, Values, Media Queries, Combinators, Attribute-Selectors, Rule-Sets, …
Beitrag zu Ende lesenDas Testen und Debuggen von responsiven Layouts kann trotz moderner Browser-Landschaft und DevTools aufwändig werden. Wir haben seit einiger Zeit …
Beitrag zu Ende lesenMit der CSS-Eigenschaft »hyphens« wird die Gestaltung von typografisch ansprechenden Texten im Web deutlich vereinfacht. Lange Zeit wurde das Thema …
Beitrag zu Ende lesenModerne Web- bzw. Frontend-Entwicklung entwickelt sich rasend schnell weiter und umfasst zahlreiche Technologien und Tools. Es ist schwer den Überblick …
Beitrag zu Ende lesen