Stefan Wienert.net

Um CSS-Technisch auf dem Laufenden zu bleiben, erstklassige Free-Icons abzugrasen und aktuelle Trends und Technologien nicht zu verpassen, habe ich einige interessante Blogs aggregiert, die mir zu dem Thema über den Weg gelaufen sind.

Im Einzelnen sind das:

• http://webdesignledger.com/
• Webdesign mit CSS
• Smashing Magazine <—!
• Six Revisions
• MyInkBlog
• Noupe
• grafixx.at
• Webstandard
• nettuts+

Ich habe das ganze als Yahoo Pipe verpackt. Unter http://pipes.yahoo.com/pipes… könnt ihr die Pipe anschauen, abonnieren oder forken :)

Falls ihr noch interessante Blogs kennt, oder ein paar kreativere Yahoo Pipes kennt, dann könnt ihr mir die gerne mitteilen! :)

Dank Ruby on Rails (oder auch gerne Django oder jedes andere ausgereifte MVC) hat man schon einmal ein gutes Rückgrat für eigene Webprojekte.

Allerdings muss/darf man nach wie vor das Design in die eigene Hand nehmen, oder outsourcen.
Da ich als Informatikstudent nur sehr wenig in Kontakt komme mit Designregeln und Tools (wie z.B. das allseits bekannte Photoshop, inDesign und andere), hab ich hier mal ein paar hilfreiche Links, die ich in meinen letzten Projekten verwendet habe.

theorie

• 4 Principles of Good Design for Websites
  Sehr ausführliche und bebilderte Darstellung wichtiger Prinzipien, wie Kontrast und Wiederholung
• Smashing Magazine – 10 Principles Of Effective Web Design

css

• Drawter CSS Designer
  Hierbei lässt sich per Javascript ein Basis-Layout “malen” und der entsprechende CSS-Code generieren
• FreeCSS
  Diverse kostenlose (oft CreativeCommons) komplett fertige Templates.

graphics

• CoolText Button Generator
  Diverse Optionen um Buttons zu generieren… sollte das gefordert sein (Theoretisch ist es schlechter Stil, ein Bild als Link zu verwenden)
• Wikimedia – Creative Commons
  Bei Wikimedia sind eine Menge CreativeCommons lizensierte Icons, Cliparts usw. zu finden, wie z.B. dieses Crystal Clear Set.

finishing

• Performance Rules + Firebug plugin
  Interessante Performance Ansätze und Tipps um das Surferlebnis der Nutzer flexibler zu gestalten. z.B. Javascript ans Ende des Dokuments
• Silbentrennung – &shy; generator
  Funktioniert zwar nicht 100%-ig, aber macht ein Blocklayout wesentlich blockiger :)
• Longtailvideo JW Flash Player
  Ein einbettbarer Flashplayer, zur privaten Nutzung kostenlos.
• Test everything
• Browsershots
  Ein Generator der zwar ewig braucht, aber dann Screenshots ausspuckt, wie die Website in verschiedenen Browsern aussieht
• Random Passwort Generator
  Um ein CMS Passwort etwas schwieriger zu gestalten bevor es an den Kunden ausgeliefert wird