CSS: Vertikale Fly-Out-Navi mit Artikelvorschau (für WordPress)
Die Navigation meines vorherigen WP-Themes beinhaltete eine interessante Lösung, um Kategorien als Menüpunkt zu nutzen und beim hovern die jeweils aktuellen Artikel anzuzeigen. Da ich dieses Theme nun ja nicht mehr nutze, möchte ich die Navigation hier einmal vorstellen. In diesem Artikel gibt es eine HTML/CSS-Datei sowie das PHP-Snippet für WordPress separat.
Illustration: Anni Runge erzählt von Mangas, Game Design und deviantArt
In der “Generation Pokémon” hat sie Mangas für sich entdeckt. Sie zeichnete Sailor Moon und spielte Street Fighter – das war alles in ihrer Kindheit. Heute studiert die gebürtige Berlinerin Anni Runge, aka Nae Nintendo, Mediatechnology und -design in Österreich und ist noch auf der Suche nach ihrem eigenen Stil. Hier ihre interessanten Antworten auf meine [...]
Scrolling Parallax: Animiertes Scrolling mit Tiefgang
Parallaxe [aus dem Griechischen; für „Veränderung“, „Abweichung“] ist ein Phänomen, das aus verschiedenen Bereichen bekannt ist (z. B. der Astronomie). In der Fotografie wird die Unstimmigkeit zwischen dem Bild im Sucher und dem fotografischen Bild mit einem Parallaxenausgleich behandelt. Im Webdesign ist Scrolling Parallax bereits vor einiger Zeit angekommen. Ich möchte zu diesem Thema das [...]
Syntax Highlighting: Unser Code soll schöner werden!
Möchte der Webworker auf seinem Blog ein neues Projekt vorstellen und ein paar Zeilen Code dazu veröffentlichen, geschieht das in HTML mit <pre><code>. Aber die Ausgabe sieht dann erst einmal eher langweilig und bei längerem Code auch unübersichtlich aus. Kommt noch dazu, dass das Auge durch die Darstellung der Editoren verwöhnt ist. Doch es gibt [...]
Scoop.it: Ein eigenes Journal mit Fundstücken aus dem Netz erstellen
Und wieder ein neues Social-Media-Tool. Scoop.it hat hohes Suchtpotential, wie ich finde, denn es ist ein Lesezeichendienst der besonderen Art. Anders als bei den bekannten Bookmark-Diensten, wie z. B. das regelmäßig totgesagte delicious, werden Links nicht nur gelistet, sondern es wird automatisch eine Vorschau generiert, die vom Kurator (so wird der User bei Scoop.it genannt) [...]
Strawberry Jam (Beeta): Zieht die Marmelade aus deinen Tweets
Du folgst einer Menge Leute auf Twitter? Du hast wenig Zeit, um alle Tweets nach interessanten Links zu durchforsten? Dann solltest du dir das mal anschauen. Strawberry Jam ist ein neues Tool von Hettema & Bergsten. Es extrahiert alle Links aus Tweets, Facebook- und LinkedIn-Meldungen und stellt die verlinkten Ziele chronologisch dar.
Gitarre lernen im Netz: Nützliche Ressourcen für den Einstieg
Themawechsel – Gitarre. Als Autodidakt ist der Gitarrenlehrling auf gute Quellen angewiesen. Neben Büchern, DVDs und sonstigen Trägern von Lehrmaterial, ist das Internet die schnellere und kostengünstigere Alternative. Gitarre lernen war ja früher mal richtig kompliziert. Eine kleine Sammlung von richtig guten Links habe ich hier zusammen getragen…
Andere Browser: Ein Blick über den Tellerrand
Manchmal muss ein Webworker den Blick über den Browserrand wagen. Als eingefleischter Chrome-User habe ich das getan und mir ein paar alternative Browser genauer angesehen. Viele bauen zwar auf die Engines und APIs der Großen, aber meine Auswahl der interessantesten und ihre Benchmark-Tests solltet ihr euch unbedingt mal anschauen…
Illustration: Marco Zumbé und der tägliche Irrsinn unserer Gesellschaft
Marco Zumbé ist freier Künstler und Illustrator aus Köln. Vielleicht muss er den alltäglichen Irrsinn dieser pulsierenden Millionenmetropole verarbeiten oder sie inspiriert ihn einfach nur. Seine Bilder sind jedoch vielfältig, bunt, laut und zugleich verstörend. Ich habe Marco fernschriftlich ein paar Fragen gestellt und möchte ihn und seine vielfältige Kunst vorstellen.
schema.org: Google, Bing und Yahoo! unterstützen Microdata Formate
Seit dem 2. Juni ist es offiziell. Google, Bing und Yahoo! können jetzt Microdata Formate von schema.org auslesen und interpretieren. Das bedeutet, dass ein Webdesigner über ca. 300 Vokabeln verfügen kann, um textliche Inhalte auch für Suchmaschinen verständlich zu machen. Ein großer Sprung für das semantische und strukturiere Internet, denn Inhalte von Internetseiten können dadurch [...]
Responsive Webdesign ist keine Hexenkunst – ein kurzer Überblick
Responsive Webdesign bedeutet, eine Internetseite so zu konstruieren, dass sie sich den Bildschirmgrößen verschiedener Ausgabegeräte dynamisch anpassen kann. Das ist mit viel Flexibilität und Media Queries möglich, die mit CSS3 eingeführt wurden. Mit ihnen kann man die Viewportgröße abfragen und mit entsprechenden Styles darauf reagieren. Hier ein schneller Überblick. Aus jedem Dorf ein Köter – Bildschirmauflösungen [...]
Chrome Developer Tools: Eine Präsentation der wichtigsten Funktionen auf der Google I/O
Für alle Chrome User, die sich mit den Developer Tools vertraut machen wollen, lohnt sich ein Blick auf die Präsentation von Paul Irish und Pavel Feldman (Dev Tools engineering lead) auf der Google I/O. Auf beeindruckende Weise zeigen die beiden, was mit dem Chrome Browser alles möglich ist und welche Funktionen neu sind. Viele der [...]