Mitglieder Suche
Vorname, Nachname
Beruf
Postleitzahl
Entfernung
Wer ist online?
Zur Zeit sind 191 User online
© 2016 grafiker.de | Design & Copyright by snygo.media
Benutzername:
Passwort: (vergessen?)

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

Dein Name:


Deine E-Mail:


Deine Url:
Prüffeld:

Gib im Prüffeld die 6 Zeichen aus dem darunterliegenden Bild ein.
Inhalt
Über neue Kommentare per E-Mail informieren?