Das Projekt "We Love Buttons" stellt (wie viele andere Websites auch) eine Sammlung von CSS3-Buttons bereit. Neben den üblichen Verdächtigen finden sich hier auch einige schöne Lösungen mit CSS3-Animation oder der Verwendung von Icons. Die Buttons sind alle sehr einfach zu benutzen - es muss lediglich eine Klasse hinzugefügt werden. Darüber hinaus kann das Stylesheet für alle Buttons gesammelt heruntergeladen werden.

• We Love Buttons

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Die Textarea in Safari und Chrome verfügt über einen Anfasser in der unteren rechten Ecke der es dem Seitenbesucher ermöglicht die Größe des Eingabefeldes selbst zu bestimmen.
Eigentlich eine gute Sache, will man doch nicht ganze Aufsätze in ein winziges Textfeld schreiben müssen. Doch häufig zerstört eine manuell vergrößerte textarea das Seitenlayout. Abhilfe kommt wie so oft per CSS3.

Die ‹textarea› mit resize beeinflussen

Die folgenden CSS3 Befehle sollten selbsterklärend sein - mittels resize-Attribut können die Anfasser eines Elements vom Standardwert aus verändert werden. Bei der textarea bedeutet dies, dass die Anfasser (zumindest teilweise) deaktiviert werden können; andere Elemente die im default über keine resize-Funktion verfügen können mit diesem Attribut anschließen per Maus auf die gewünschte Größe aufgezogen werden.

textarea { resize: none;}

textarea { resize: both;}

textarea { resize: vertical;}

textarea { resize: horizontal;}
 

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Wer sich einmal anschauen möchte was für 3D-Effekte mit der Webkit-Engine und Safari möglich sind, der sollte folgenden Link nicht verpassen.

• 3D-Transformation

Wer keinen Safari-Browser nutzt kann sich als Entschädigung wenigstens ein Video dieser Technik anschauen.

• Video der 3D-Transformation

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Man hätte es sich ja denken können. Google weitet seine Internet-Vorherrschaft aus und betritt mit dem ersten hauseigenen Browser namens "Google Chrome" Neuland. Als ob es nicht schon genug Browser gäbe.
Seit gestern steht für Windows-User die Beta Version von Chrome zur Verfügung; höchste Zeit also sich mit dem neuen Browser zu beschäftigen.

Google Chrome nutzt Webkit

Die gute Nachricht zu Beginn: Neben dem Apple Browser Safari nutzt auch Google Chrome die Open Source Bibliothek "Webkit". Webkit eröffnet umfangreiche Möglichkeiten wie beispielsweise CSS3 Unterstützung, sofern man die entsprechenden Befehle kennt.
In meinem Artikel zu CSS3 könnt Ihr Euch einige davon anschauen.

Google Chrome Features

Googles neuer Browser bietet alles an bisher bekanntem Surf-Komfort. Neben Standards wie Tabbed Browsing, Intelligenter Adresszeile und Inkognito Surfen können nun auch Web-Anwendungen (bsp. Google Mail) in einem neuen Fenster ohne Adresszeile o. ä. gestartet werden. So wirken diese Online-Dienste wie eine lokal installierte Desktop-Anwendung.
Zusätzlich bietet Chrome das aus dem Browser Opera bekannte Feature "Speed Dial". Hierbei werden die letzten oder meist genutzten Websites als Miniatur auf der Startseite angezeigt um ein schnellstmögliches Navigieren zu ermöglichen.

Bes*** Optik

Meiner Ansicht nach (ich bin was sowas angeht ziemlich empfindlich) sieht Chrome rein optisch gesehen leider gar nicht so gut aus. Zumindest in der Beta-Version. Die Benutzeroberfläche ist in grässlichem Blau gehalten... der ganze Browser wirkt wie eine (Google-typische) Online-Anwendung.
Klar ist die Optik nicht so wichtig wie die Funktionalität, aber wenn man schon eine Benutzeroberfläche gestaltet, warum dann nicht gleich eine hübsche?

Ein neues Sorgenkind für Web-Entwickler?

Mitnichten! Ich habe es zwar selbst noch nicht getestet, Google Chrome scheint den Code jedoch ähnlich wie Firefox 3 zu interpretieren. Das lässt hoffen. Die Verwendung von Webkit ermöglich zudem den Einsatz von CSS3, was bisher Mac-Usern vorbehalten war.
Angesichts der Unmengen von Internet-Usern die eine Google Toolbar installiert haben, ist es gut möglich, dass auch Googles Browser schnell an Popularität zunehmen wird.
Wir lassen uns überraschen.

Da Google Chrome Beta bisher nur für Windows als Download zur Verfügung steht, waren mir tiefgründigere Forschungen bisher verwährt. Ich freue mich daher über interessante Beiträge von Windows-Testern in den Kommentaren.

Download: Google Chrome

Jetzt bist Du gefragt

Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.