[Metalab] CSS + HTML5 lernen

[Martin Muzatko]

Hallo!

Ich kann euch gerne mal meine gängigen Quellen auflisten:

WebKick - Ein Boilerplate/WebTemplate Kickstarter der sich alle nützlichen Tools die hier aufgelistet sind zu Nutze macht.
Liefert auch eine Ordnerstruktur für das Anlegen und Einbinden von CSS/Bildern/Javascript und Bildern mit.
Zusätzlich sind ein paar Hilfsklassen vorhanden (clear oder clearfix aka .group)
Erschaffen von mir :)
https://github.com/MartinMuzatko/WebKick

Browser Kompatibilitäts Nachschlagewerk:
http://caniuse.com/

Browser Kompatiblitäts Hilfen:
Keine Vendor Prefixes mehr (-moz-, -o-, -ms-, -webkit-)
http://leaverou.github.com/prefixfree/

Anlaufstelle für CSS Fragen und CSS Selektor&Attribut Index
https://css-tricks.com/
https://css-tricks.com/almanac

Anlaufstelle für HTML und Semantik sowie WAI ARIA & Barrierefreiheit sowie Element Index
http://html5doctor.com/

HTML/CSS/PHP Tutorials
http://www.peterkropff.de

PHP Basics:
http://tut.php-quake.net/de/

CSS Struktur und erkennen der verschiedenen Rulesets:
http://smacss.com/book/

HTML Abbreviations: HTML bis zu 15x Schneller schreiben
http://emmet.io/

Ist mehr ein gigantisches Snippet Toolset, verwendbar in allen gängigen und wichtigen Editoren

Regelmäßige News über Frameworks, Toolsets, Wege und Möglichkeiten Dinge zu lösen, Usability, Performance etc:
http://www.smashingmagazine.com/
http://www.webappers.com/
http://paulirish.com/

Typography:
Webfonts, größtenteils Open Source und Free for Commercial use.
http://www.google.com/fonts
http://www.fontsquirrel.com/

Contrast Ratio Checker:
http://leaverou.github.io/contrast-ratio/#%23FFF-on-%230072C6

Automatisches Refreshen von geschriebenem Code (Dadurch erübrigt sich sowas wie einer dieser klickibunti Editoren)
Erfordert einen Webserver (localhost oder online)
http://livereload.com/

Freie Bild und Farben Ressourcen
Kein Gefühl für Farben und Patterns?
http://colourlovers.com/
http://subtlepatterns.com/

Codesniffer:
Ist dein HTML valide?
http://squizlabs.github.io/HTML_CodeSniffer/

CSS Validator (eine 100 Prozentige Validierung zu erreichen ist nicht immer konstruktiv!)
http://jigsaw.w3.org/css-validator/

HTML/CSS/JS Pastebin und Online Ausprobier Tools:
http://codepen.io/
http://jsfiddle.net/


Ich glaub das war nun alles was ich so des öfteren benutze :)

Have fun :D


> From: purg at igw.tuwien.ac.at
> Date: Mon, 13 May 2013 14:32:42 +0200
> To: metalab at lists.metalab.at
> Subject: Re: [Metalab] CSS + HTML5 lernen
> 
> ein mittelding zwischen selberlernen-per-buch und wifi-kurs wäre sicherlich auch sowas wie das hier: 
> 
> https://itunes.apple.com/at/itunes-u/html-and-javascript/id431434050?l=en&mt=10
> 
> vermutlich finden sich noch andere itunes-u kurse. ich hab auch kurz mal auf khanacademy, udacity und coursera geschaut, aber da findet sich nix. vermutlich gibts aber noch andere MOOCs oder sowas in der art.
> 
> grs
> ptr
> 
> 
> On 11.5.2013, at 14:19, BDuN at gmx.net wrote:
> 
> > hi, 
> > weiß jemand von euch, wo man abgesehen vom sündteuren Wifi oder Bfi in Wien mal von Grund auf CSS und HTML 5 derlernen kann ?  Und zwar auf die Art, daß es auch ein Nichtprogrammierer bzw. Nichttalentierter des Programmierens erlernt ? Html4  an sich kann ich (noch) aus den Jahren 2002-2006 ..... es gibt bestimmt jede Menge an der VHS, das habe ich mir angeschaut und ist nicht so besonders zielführend (außer jemand kennt jemanden, der dort unterrichtet und besser ist als die üblichen Nebenerwebstrainer )
> > und so einigermaßen erschwinglich sollte es auch sein, wenn möglich .. 
> >  
> > gibts vielleicht mal im Metalab einschlägige Workshops oder Kurse ? Wäre außer mir daran noch jemand interessiert ??
> >  
> > Gruß B. 
> > 
> > 
> > 
> >  
> >  
> >  
> > _______________________________________________
> > Metalab mailing list
> > Metalab at lists.metalab.at
> > https://lists.metalab.at/mailman/listinfo/metalab
> 
> 
> ::DVR 0005886::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
> 
> just remember that a fraction of every cent you pay for mobile phone services (or 
> maybe even for your internet provider) is used to combat network neutrality.
> 
> 
> 
> _______________________________________________
> Metalab mailing list
> Metalab at lists.metalab.at
> https://lists.metalab.at/mailman/listinfo/metalab
 		 	   		  
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.metalab.at/pipermail/metalab/attachments/20130513/46df8167/attachment.html>