Jens's public fiddles
-
Text unten platzieren ohne Positionierung
Nur eine Skizze, die ich beim Surfen gesehen habe. Fraglich, ob sie sinnvoll ist.
-
Tooltip nur mittels CSS3 erstellen
Idee über t3n bekommen. http://t3n.de/news/css3-individuelle-tooltips-ohne-356353/
-
Spielerei mit text-shadow
Die Buchstaben werden um sich selbst herumgezirkelt. Im Original gibt es dafür ein SASS-Mixin.
-
Tabs nur mittels CSS
Artikel: http://css-tricks.com/better-tabs-with-round-out-borders/
-
Unterschiede in den Positionierungsarten
Mootools 1.4.2, HTML, CSS, JavaScript
-
Styling children based on their number with CSS3
http://leaverou.me/2011/01/styling-children-based-on-their-number-with-css3
-
Eingeschlagene Ecke einer Box mit Pseudoelementen
Original-Artikel: http://nicolasgallagher.com/pure-css-folded-corner-effect/
-
Some Responsive Designs
Note the folders are denoted with an illusion of multiple images. When the width of the screen is expanded or contracted the design alters.
-
Testing which elements can contain pseudo elements
Each browser has a different idea of which elements can contain pseudo-elements or not. This is getting standardized, but if you view this page on different browsers you would notice different elements having the green bars with "PASS" in them. The summary of the results are in there, if that needs to be amended, fork, update and send me the link on twitter @divya Original: http://jsfiddle.net/nimbu/GvwVy/
-
Odd/Even with a hidden class
If all you have is just one hidden class, then this would be trivial. But I suspect, there is no easy way out for more than 1 :/
-
CSS3 Sliding Menus
Sliding menu with rotating text using CSS3 and jquery
-
Simulating slidey images
Trying to see if you can get a slideshow-like thingie with transitions alone.
-
iPhone-Slider nachbauen
Original: http://damiannicholson.com/2011/07/25/css-experiment-iphone-like-checkbox-using-only-css3.html
-
Eine Tabelle mobil-freundlich umbauen
Aus dem CSS-Cookbook von O'Reilly
-
Tabelle wird untereinander formatiert.
No-Library (pure JS), HTML, CSS, JavaScript
-
Links mit Button-Optik
Mootools 1.4.2, HTML, CSS, JavaScript
-
:after und :before und der z-index
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS Sliding Form Hints
Artikel zum Original: http://www.ashrobbins.com/2012/01/css-sliding-form-helpers/ http://jsfiddle.net/ashrobbins/X4PLd/
-
simpler Farbtest mit Vordergrundfarbe
No-Library (pure JS), HTML, CSS, JavaScript
-
Styling children based on their number with CSS3
http://leaverou.me/2011/01/styling-children-based-on-their-number-with-css3