Neue CSS3 Snippets für die heimische Werkbank

Ich habe ja letztens erst über PHP Snippets berichtet und Methoden zu deren Verwaltung. Zumindest bei letzterem bin ich seitdem weder schlauer geworden noch weiter gekommen. Dennoch habe ich eine nette Liste von CSS Snippets gefunden, die ich euch nicht vorenthalten möchte.

Screenshot von Noupe

Bei Noupe ist eine wirklich riesige Liste mit Snippets aufgetaucht von denen einige zwar einschläfernd wirken, die meistens aber sinnvoll waren. Da ich letztens hier im Blog an WPTouch eingreifen musste, weil meine neue Social Media Bar alles geschrottet hatte (und inzwischen wieder ganz raus geflogen ist), hätte ich zumindest dieses Snippet hier gut gebrauchen können:

@media only screen and (device-width: 768px) {  
    /* For general iPad layouts */  
}  
 
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {  
    /* For portrait layouts only */  
}  
 
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {  
    /* For landscape layouts only */  
}

Also einfach mal schnell durchblättern und nachsehen was man gebrauchen kann, es ist mit Sicherheit für jeden etwas brauchbares dabei, und ein paar neue Sachen gibt es sogar auch zu finden! ;)

Ähnliche Beiträge

Google Font API – @font-face einfach verwenden @font-face ist eine ziemlich nette Sache die einem Cufon und schlimmeres erspart, dummerweise ist @font-face allerdings auch mit einigem Aufwand verbu...
jQuery & Single Page Websites Derzeit schwer im Trend sind Single Page Websites. Dies sind sie zwar schon länger, aber die "neuen" Single Page Websites enthalten durchaus einiges a...
Programmieren nach Feng-Shui Ich bin in einem englisch-sprachigen Blog auf einen interessanten Artikel gestoßen, der beschreibt wie man mittels einfacher Kommandos abstrakte Struk...
Automatoon – HTML5 Animationen Deluxe Bei meinem ersten Besuch auf Automatoon gab es ein ziemliches auf und ab, angefangen bei "Das kann ja jeder" über "Wie haben sie das bloss gemacht" bi...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.