perun.net – WordPress & Webwork



Der Tag (Schlagwort) "css-tipps"

css-tippsHier sind alle Beiträge aufgelistet, die mit verschlagwortet sind.

Geld verdienen oder sparen mit Bee5

CSS-Links: einheitliche Sende-Buttons, Spritepad, Sprechblasen, Flexbox statt Float

Von Vladimir am 30. 07. 2012 um 13:05

Hier wieder mal ein paar interessante CSS-Links, die sich in miner Browser-Session angesammelt haben: Björn Wibben liefert eine Lösung, wie man es schaffen kann das der Sende-Button eines Formulars in allen Browsern einheitlich zu gestalten. Lösung für ein sehr nerviges Problem. Das Spritepad bietet eine sehr einfache Möglichkeit CSS-Sprites zu erstellen: einfach per Klicken und […]

Hinweis:
WordPress 3.8 für Autoren & Redakteure (pdf)
Ausdruckbar, Volumenlizenzen zu sehr fairen Preisen.

CSS-Datei mit Dust-Me Selectors entrümpeln

Von Vladimir am 26. 07. 2012 um 15:27

Dust-Me Selectors ist eine Erweiterung für Mozilla Firefox, die eine Website nach nicht mehr benötigten CSS-Regeln überprüft und diese anzeigt.

Hinweis:
WordPress 3.8 für Admins & Webmaster (pdf)
Ausdruckbar, Volumenlizenzen zu sehr fairen Preisen.

CSS: neue Methode um Text zu verbergen

Von Vladimir am 04. 03. 2012 um 15:55

Seit vielen Jahren nutzen Webworker diverse Methoden um per CSS Text oder Überschriften zu verbergen, zum Beispiel bei grafischen Überschriften oder vor allem, wie hier auf perun.net, auf das Logo zu verlinken, aber den eigentlichen Text der zum Logo gehört zu Seite zu schieben. Eine sehr bekannte und dabei auch zugängliche Methode ist es mit […]

Hinweis:
WordPress 3.8 für Autoren & Redakteure (pdf)
Ausdruckbar, Volumenlizenzen zu sehr fairen Preisen.

CSS3: horizontale und vertikale Navigation mit :target

Von Vladimir am 22. 02. 2012 um 22:43

Ich habe heute ein Beispiel erwähnt, wo man lediglich mit CSS3 und :target eine recht einfache, aber dennoch ansehnliche Bilder-Galerie erstellen kann. Auf Sitepoint habe ich noch zwei weitere interessante Beispiele mit :target entdeckt. Beim ersten Beispiel wurde eine horizontale Tab-Navigation umgesetzt: Da ganze funktioniert (siehe Demo) in Firefox, Chrome, Safari, Opera und dem Internet […]

Einfache Bilder-Galerie nur mit CSS3 und :target

Von Vladimir am 22. 02. 2012 um 12:01

Chris Heilmann stellt auf Mozilla Hacks einen sehr interessanten Ansatz vor, um nur mit CSS eine Bilder-Galerie zu realisieren, wo bei Klick auf ein Button das entsprechende Bild erscheint. Das ganze basiert auf der Pseudo-Klasse :target. Die transition-Deklaration ist optional, damit das ganze etwas geschmeidiger wirkt.


Archiv: 1 2 3 4 5 6 7 8 »»

Weblog der perun.net webwork gmbh mit Artikeln zum Thema WordPress, Webwork, und Internet.