Mitglieder Suche
Kooperationspartner
Wer ist online?
Zur Zeit sind 162 User online
© 2013 grafiker.de | Design & Copyright by snygo.media
Die 25 besten CSS-Techniken
Nachdem wir euch letzte Woche die 15 besten jQuery-Lightbox-Skripte vorgestellt hatten, folgen heute die 25 besten CSS-Techniken. Was mit CSS und hauptsächlich mit CSS3 mittlerweile möglich ist, erleichtert wohl jeden Webentwickler. Wir haben euch eine kleine Sammlung mit verschiedenen Tutorials zusammengestellt, die das Umsetzen von Websites erleichtern werden. Per Klick kommt ihr direkt zur Website!
CSS3 UI Elemente

CSS Hover-Effekt für Bilddetails

Abgerundete Avatar-Bilder mit CSS3

Retina-Effekt (Apple-like) mit jQuery und CSS

CSS3-Ladebalken

stylischer Hover-Effekt am Beispiel Europa-Karte

Karten-Flip-Effekt

Rand-Grafiken für Textbereiche

Border-Tutorials für coole Effekte

Stylischer Header für Blog-Einträge

Tabellen-Design mit CSS

Bildergalerie mit Hover-Shine-Effekt

Feste Seiten-Navigation

Horizontale Sub-Navi mit CSS und jQuery

Dezenter Hover-Effekt

Abgerundete Bildkanten mit CSS3 und jQuery

CSS-basiertes Suchfeld

Overflow-Objekte

Quick Tip für Bilder

Animiertes 3D-Diagramm mit CSS3

Minibar für Textformatierungen

Anpassbare Box mit CSS und jQuery

Facebook Style Footer

DVD-Animation (leider ihne Tutorial)

Text-Formatierung mit CSS

CSS3 UI Elemente

CSS Hover-Effekt für Bilddetails

Abgerundete Avatar-Bilder mit CSS3

Retina-Effekt (Apple-like) mit jQuery und CSS

CSS3-Ladebalken

stylischer Hover-Effekt am Beispiel Europa-Karte

Karten-Flip-Effekt

Rand-Grafiken für Textbereiche

Border-Tutorials für coole Effekte

Stylischer Header für Blog-Einträge

Tabellen-Design mit CSS

Bildergalerie mit Hover-Shine-Effekt

Feste Seiten-Navigation

Horizontale Sub-Navi mit CSS und jQuery

Dezenter Hover-Effekt

Abgerundete Bildkanten mit CSS3 und jQuery

CSS-basiertes Suchfeld

Overflow-Objekte

Quick Tip für Bilder

Animiertes 3D-Diagramm mit CSS3

Minibar für Textformatierungen

Anpassbare Box mit CSS und jQuery

Facebook Style Footer

DVD-Animation (leider ihne Tutorial)

Text-Formatierung mit CSS

| Autor | : |
Diesen Artikel Twittern: www.grafiker.de/FABxKc
|
| Veröffentlicht | : | 14.10.2010 (12070 mal gelesen) |
| Tags | : | Webdesign, CSS, HTML, Compilation |
- http://lab.simurai.com/css/umbrui/
- http://www.sohtanaka.com/web-design/popout-details-on-hover-w-css/
- http://trentwalton.com/2010/08/03/css3-border-radius-rounded-avatars
- http://tutorialzine.com/2010/06/apple-like-retina-effect-jquery-css
- http://www.catswhocode.com/blog/how-to-create-a-kick-ass-css3-progress-bar
- http://winstonwolf.pl/css,europe.html
- http://line25.com/articles/super-cool-css-flip-effect-with-webkit-animation
- http://articles.sitepoint.com/article/css3-border-images
- http://www.sohtanaka.com/web-design/css-border-tricks-tutorial
- http://www.sohtanaka.com/web-design/styling-post-headings-that-stick-out
- http://css-tricks.com/feature-table-design
- http://addyosmani.com/blog/shinetime
- http://designm.ag/tutorials/sticky-sidenav-layout
- http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery
- http://www.alistapart.com/articles/responsive-web-design
- http://www.webdesignerwall.com/tutorials/css3-rounded-image-with-jquery
- http://www.webdesignerwall.com/tutorials/beautiful-css3-search-form
- http://www.sohtanaka.com/web-design/css-overflow-property-quick-tip
- http://www.sohtanaka.com/web-design/simple-tooltip-w-jquery-css
- http://www.marcofolio.net/css/animated_wicked_css3_3d_bar_chart.html
- http://www.jankoatwarpspeed.com/post/2010/05/23/microsoft-office-minibar-jQuery-CSS3.aspx
- http://www.jankoatwarpspeed.com/post/2009/11/08/YouTube-adaptable-view-css-jquery.aspx
- http://www.sohtanaka.com/web-design/facebook-style-footer-admin-panel-part-1/
- http://forabeautifulweb.com/
- http://webdesignernotebook.com/css/styling-a-poem-with-advanced-css-selectors/

Johannes
14.10.2010 | 13.34 Uhr
Geil, danke! Ist in den Lesezeichen!

14.10.2010 | 17.18 Uhr
Nette Projekte, vielen Dank!
Ein reines HTML CSS-Projekt von 2007: http://andrej.winterholler.dito.ws. Ist zwar schon alt, hat aber eine reine CSS-Bildergalerie, die sich sowohl mit der Maus als auch mit der Tastatur bedienen lässt.
Zur Galerie: http://andrej.winterholler.dito.ws/Misce...
Ein reines HTML CSS-Projekt von 2007: http://andrej.winterholler.dito.ws. Ist zwar schon alt, hat aber eine reine CSS-Bildergalerie, die sich sowohl mit der Maus als auch mit der Tastatur bedienen lässt.
Zur Galerie: http://andrej.winterholler.dito.ws/Misce...

22.10.2010 | 13.48 Uhr
Cool vielen Dank für die Sammlung. Ist eoniges dabei. Muss mir jetzt erstmal Kaffee holen :D

01.01.2011 | 13.26 Uhr
Thanks for feature my clickable map ..from yesterday clickable map of Germany is available at http://winstonwolf.pl/css,deutschland.html

18.02.2011 | 14.02 Uhr
Vielen Dank für diese Sammlung, die habe ich gerade an meinen Programmierer weitergegeben.
Kommentar schreiben:
Mittwoch, 15. Mai 2013
Dienstag, 26. März 2013
Freitag, 25. Januar 2013
Donnerstag, 03. Januar 2013
Dienstag, 06. November 2012



