Kategorie Archiv: CSS

In dieser Kategorie zeige ich CSS-Tricks, wie CSS Browserweichen angewendet werden können und darüber hinaus wie man CSS-Frameworks nutzt um sich die Arbeit erleichtern zu können.

CSS3 Ribbon Generator

Veröffentlicht am 21.04.2011

Ribbons sind in Mode. Auf einer Vielzahl von Webseiten werden sie als gestalterisches, als auch als strukturierendes Element verwendet. Bisher wurden dazu Bilder verwendet, die den Effekt erzielten. Mit CSS3 ist dies jedoch auch ohne zur Hilfenahme von Bildern möglich. … Weiterlesen →

Abgelegt unter: CSS, Tools | Schlagworte: , , | Kommentar verfassen

Projekt: jQuery Mobile for WordPress – ein Theme für mobile Endgeräte

Veröffentlicht am 19.10.2010

Gestern habe ich das Projekt “jQuery Mobile for WordPress” gestartet. Dabei werde ich ein WordPress Theme entwickeln, welches die Standards aus dem jQuery Mobile Framework aufgreift. Damit ist es möglich ein plattformunabhängiges WordPress Theme für mobile Endgeräte zur Verfügung zu … Weiterlesen →

Abgelegt unter: CSS, jQuery, Tools, Wordpress | Schlagworte: , , | Kommentar verfassen

jQuery Mobile als Alpha Version verfügbar

Veröffentlicht am 17.10.2010

Das jQuery Mobile Projekt hatte ich bereits in einem früheren Artikel dargestellt. Nun ist das Projekt in der ersten Alpha Version an den Start gegangen und verspricht sehr viel im Bereich der Webentwicklung für Smartphones und Tablets zu Vereinfachen. In … Weiterlesen →

Abgelegt unter: CSS, HTML5, jQuery | Schlagworte: , | Kommentar verfassen

Bilderinformationen bei MouseOver wie bei Google Images mit CSS

Veröffentlicht am 15.10.2010

Google hat die Bildersuche auf der amerikanischen Variante google.com schon angepasst. Dabei werden nach einer getätigten Suche nur noch die Bilder an sich gezeigt, ohne weitere Metainformationen wie bisher. Will man diese Informationen sehen, genügt es mit der Maus auf … Weiterlesen →

Abgelegt unter: CSS, Demo | Schlagworte: , , , , | Kommentar verfassen

Toolbar für die eigene Webseite mit CSS und jQuery

Veröffentlicht am 07.09.2010

Wie ihr sicherlich schon bemerkt habt, befindet sich im Kopf der Seite eine neue Toolbar, die sich erst nach etwas Scrollen nach unten einblendet und auch wieder aus dem Sichtfeld verschwindet, wenn ihr wieder nach oben scrollt. Diese Toolbar ermöglicht … Weiterlesen →

Abgelegt unter: CSS, Demo, jQuery | Schlagworte: , , | Kommentar verfassen

Textboxlisten wie in StudiVZ oder Facebook (Facebook Tokenizer)

Veröffentlicht am 01.09.2010

Jeder der auf Facebook oder StudiVZ unterwegs ist, kennt die besonderen Eingabeelemente beim Versenden von Nachrichten, Einladungen oder beim Verlinken von Freunden auf Bildern. Dabei wird die Textbox visuell erweitert, indem die Namen der Freunde eingegeben, durch Enter bestätigt und … Weiterlesen →

Abgelegt unter: CSS, Demo, Facebook Development, jQuery | Schlagworte: , , , , | Kommentar verfassen

Google Font API: Mehr Auswahl bei der Typografie

Veröffentlicht am 29.08.2010

Um das Web ein wenig reicher gestalten zu können, hat Google im Mai 2010 ein neuen Service zusammen mit dem Unternehmen Typekit (im Betastatus) an den Start gebracht. Dieser Service erlaut es Webentwicklern Fonts zu verwenden, die über die Standards … Weiterlesen →

Abgelegt unter: CSS, Demo, Java Script, Tools | Schlagworte: , , , | 1 Kommentar vorhanden

Die richtigen Farben für die Webseite: Color Scheme Designer

Veröffentlicht am 08.08.2010

Häufig ist man während der Konzeptionierung von Webprojekten auf der Suche nach passenden Farben. Ist ein Grundton gefunden gilt die Aufmerksamkeit dem Finden von passenden Komplementärfarben oder Möglichkeiten der gekonnten Akzentuierung. Ohne Kenntnisse welche Farben gut miteinander harmonieren und welche … Weiterlesen →

Abgelegt unter: CSS, Tools | Schlagworte: , , | Kommentar verfassen

Web Performance Management Teil 9: CSS Sprites nutzen

Veröffentlicht am 29.07.2010

Im vorerst letzten Teil der Artikelserie zum Thema Ladezeitenoptimierung in Hinblick auf eine bessere Suchmaschinenvisibilität möchte ich das Thema CSS Sprites etwas genauer beschreiben. CSS Sprites ist eine Technik mit der sich die Anzahl an HTTP Requests beim Seitenaufbau reduzieren … Weiterlesen →

Abgelegt unter: CSS, Suchmaschinenoptimierung | Schlagworte: | Kommentar verfassen

Web Performance Management Teil 8: Cachingerfolg erhöhen durch Auslagerungen

Veröffentlicht am 28.07.2010

Dateien, die ein Nutzer bereits geladen hat, kann der Browser bei einer nochmaligen Anfrage aus dem Cache laden. Dies ist ein sehr schnelles und effizientes Verfahren. Die Frage dieses Artikels ist daher: Wie kann der Anteil der beim Nutzer bereits … Weiterlesen →

Abgelegt unter: CSS, jQuery, Suchmaschinenoptimierung | Schlagworte: , , | Kommentar verfassen