Browser Support Datenbank. Zeigt auf welche aktuellen Technologien/Standards wo zur Verfügung stehen.
https://caniuse.com/
Ressourcen, Tools, Generell
Sehr guter Guide über systematische Verwendung von Weißräumen via CSS.
https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62
CSS, Guides, Layout
Viele gute Tutorials und Snippets rund um das Thema CSS.
https://css-tricks.com/snippets/
Ressourcen, Tools, CSS
Sehr guter Tutorial- und Inspirationsfilme rund um CSS
https://github.com/AllThingsSmitty/must-watch-css
CSS, Tutorials, Layout
Sehr gute Tutorials rund um verschiedene Web Technologien.
https://developer.mozilla.org/de/
Ressourcen, Guides
Ein moderner, quelloffener Code-Editor, der Webdesign versteht.
http://brackets.io/
Tools, Editor
Ein moderner, quelloffener Code-Editor von Microsoft.
https://code.visualstudio.com/
Tools, Editor
Online Challenges für HTML, CSS und Co. Sehr gut zum Üben und Wiederholen.
https://www.freecodecamp.org/map
Training
CSS-Generator zur Zentrierung von Text und Div-Elementen in Abhängigkeit von ihrer Größe
http://howtocenterincss.com
Layout, Tools, CSS
Auflistung nutzbarer Attribute für HTML-Elemente.
https://www.w3schools.com/tags/ref_standardattributes.asp
Ressourcen, Generell, HTML
Beispiele von uns erstellt.
https://codepen.io/collection/DJGrme/
Ressourcen, Inspirationen, HTML
Interaktives Tutorial zu HTML.
https://www.codecademy.com/learn/learn-html
Training, Guides, HTML
HTML -Elemente aufgelistet in alphabetischer Reihenfolge
https://www.w3schools.com/tags/default.asp
Ressourcen, Generell, HTML
HTML-Elemente aufgelistet in alphabetischer Reihenfolge.
https://developer.mozilla.org/de/docs/Web/HTML/Element
Ressourcen, Generell, HTML
HTML-Elemente kategorisch aufgelistet.
https://www.w3schools.com/tags/ref_byfunc.asp
Ressourcen, Generell, HTML
Basis Tutorial zu HTML.
https://www.w3schools.com/html/default.asp
Ressourcen, Guides, HTML
Spezifikationen zu den neuesten HTML5 Standards.
https://www.w3.org/TR/html5/
Ressourcen, Guides, Generell, Vertiefungen
Plattform zum vorführen von Code. (Gut für Support über Foren/Communities)
https://codepen.io/
Tools, Codeplayground
Plattform zum vorführen von Code. (Gut für Support über Foren/Communities)
https://jsfiddle.net/
Tools, Codeplayground
Eine kleine Blaupause für Projekte. Enthalten sind eine sinnvolle Verzeichnisstruktur, CSS Strukturen und eine rudimentäre HTML Struktur.
https://th-koeln.github.io/mi-bachelor-wba1/download/project-template.zip
Helper
Blog um die Themen Design und Web, aber auch andere Meta-Themen.
https://www.smashingmagazine.com/
Vertiefungen, Inspirationen
Gute Videodemonstration zur Erstellung einer modernen HTML5 Webseite
https://www.youtube.com/watch?v=Wm6CUkswsNw
Videotutorials, HTML, CSS, Responsive
Basics zu Git & GitHub
https://www.youtube.com/watch?v=SWYqp7iY_Tc
Videotutorials, Git
Guter Einstieg in die Webentwicklung
https://www.youtube.com/watch?v=3JluqTojuME
Videotutorials, HTML, CSS, JavaScript
Internationaler Verbund zur Standardisierung von Webtechniken.
https://www.w3.org/
Ressourcen, Guides, Generell, Vertiefungen
Sehr kompakter Guide, mit dem man aber sehr weit kommt. Deckt ab, wie ich zu meinen Hauptfarben und den passenden Grautönen komme.
https://www.smashingmagazine.com/2016/04/web-developer-guide-color/
Farben, Guides
Sehr guter Guide über systematische Verwendung von Weißräumen via CSS.
https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62
CSS, Guides, Layout
Sehr gute Tutorials rund um verschiedene Web Technologien.
https://developer.mozilla.org/de/
Ressourcen Guides
Interaktives Tutorial zu HTML.
https://www.codecademy.com/learn/learn-html
Training, Guides, HTML
Basis Tutorial zu HTML.
https://www.w3schools.com/html/default.asp
Ressourcen, Guides, HTML
Spezifikationen zu den neuesten HTML5 Standards.
https://www.w3.org/TR/html5/
Ressourcen, Guides, Generell, Vertiefungen
Internationaler Verbund zur Standardisierung von Webtechniken.
https://www.w3.org/
Ressourcen, Guides, Generell, Vertiefungen
Sehr kompakter Guide, mit dem man aber sehr weit kommt. Deckt ab, wie ich zu meinen Hauptfarben und den passenden Grautönen komme.
https://www.smashingmagazine.com/2016/04/web-developer-guide-color/
Farben Guides
Browser Support Datenbank. Zeigt auf welche aktuellen Technologien/Standards wo zur Verfügung stehen.
https://caniuse.com/
Ressourcen, Tools, Generell
Viele gute Tutorials und Snippets rund um das Thema CSS.
https://css-tricks.com/snippets/
Ressourcen, Tools, CSS
Ein moderner, quelloffener Code-Editor, der Webdesign versteht.
http://brackets.io/
Tools Editor
Ein moderner, quelloffener Code-Editor von Microsoft.
https://code.visualstudio.com/
Tools Editor
CSS-Generator zur Zentrierung von Text und Div-Elementen in Abhängigkeit von ihrer Größe
http://howtocenterincss.com
Layout, Tools, CSS
Plattform zum vorführen von Code. (Gut für Support über Foren/Communities)
https://codepen.io/
Tools Codeplayground
Plattform zum vorführen von Code. (Gut für Support über Foren/Communities)
https://jsfiddle.net/
Tools Codeplayground
Browser Support Datenbank. Zeigt auf welche aktuellen Technologien/Standards wo zur Verfügung stehen.
https://caniuse.com/
Ressourcen, Tools, Generell
Viele gute Tutorials und Snippets rund um das Thema CSS.
https://css-tricks.com/snippets/
Ressourcen, Tools, CSS
Sehr gute Tutorials rund um verschiedene Web Technologien.
https://developer.mozilla.org/de/
Ressourcen Guides
Auflistung nutzbarer Attribute für HTML-Elemente.
https://www.w3schools.com/tags/ref_standardattributes.asp
Ressourcen, Generell, HTML
Beispiele von uns erstellt.
https://codepen.io/collection/DJGrme/
Ressourcen, Inspirationen, HTML
HTML -Elemente aufgelistet in alphabetischer Reihenfolge
https://www.w3schools.com/tags/default.asp
Ressourcen, Generell, HTML
HTML-Elemente aufgelistet in alphabetischer Reihenfolge.
https://developer.mozilla.org/de/docs/Web/HTML/Element
Ressourcen, Generell, HTML
HTML-Elemente kategorisch aufgelistet.
https://www.w3schools.com/tags/ref_byfunc.asp
Ressourcen, Generell, HTML
Basis Tutorial zu HTML.
https://www.w3schools.com/html/default.asp
Ressourcen, Guides, HTML
Spezifikationen zu den neuesten HTML5 Standards.
https://www.w3.org/TR/html5/
Ressourcen, Guides, Generell, Vertiefungen
Internationaler Verbund zur Standardisierung von Webtechniken.
https://www.w3.org/
Ressourcen, Guides, Generell, Vertiefungen
Beispiele von uns erstellt.
https://codepen.io/collection/DJGrme/
Ressourcen, Inspirationen, HTML
Blog um die Themen Design und Web, aber auch andere Meta-Themen.
https://www.smashingmagazine.com/
Vertiefungen Inspirationen
Browser Support Datenbank. Zeigt auf welche aktuellen Technologien/Standards wo zur Verfügung stehen.
https://caniuse.com/
Ressourcen, Tools, Generell
Auflistung nutzbarer Attribute für HTML-Elemente.
https://www.w3schools.com/tags/ref_standardattributes.asp
Ressourcen, Generell, HTML
HTML -Elemente aufgelistet in alphabetischer Reihenfolge
https://www.w3schools.com/tags/default.asp
Ressourcen, Generell, HTML
HTML-Elemente aufgelistet in alphabetischer Reihenfolge.
https://developer.mozilla.org/de/docs/Web/HTML/Element
Ressourcen, Generell, HTML
HTML-Elemente kategorisch aufgelistet.
https://www.w3schools.com/tags/ref_byfunc.asp
Ressourcen, Generell, HTML
Spezifikationen zu den neuesten HTML5 Standards.
https://www.w3.org/TR/html5/
Ressourcen, Guides, Generell, Vertiefungen
Internationaler Verbund zur Standardisierung von Webtechniken.
https://www.w3.org/
Ressourcen, Guides, Generell, Vertiefungen
Spezifikationen zu den neuesten HTML5 Standards.
https://www.w3.org/TR/html5/
Ressourcen, Guides, Generell, Vertiefungen
Blog um die Themen Design und Web, aber auch andere Meta-Themen.
https://www.smashingmagazine.com/
Vertiefungen Inspirationen
Internationaler Verbund zur Standardisierung von Webtechniken.
https://www.w3.org/
Ressourcen, Guides, Generell, Vertiefungen
Gute Videodemonstration zur Erstellung einer modernen HTML5 Webseite
https://www.youtube.com/watch?v=Wm6CUkswsNw
Videotutorials, HTML, CSS, Responsive
Basics zu Git & GitHub
https://www.youtube.com/watch?v=SWYqp7iY_Tc
Videotutorials Git
Guter Einstieg in die Webentwicklung
https://www.youtube.com/watch?v=3JluqTojuME
Videotutorials, HTML, CSS, JavaScript
Eine kleine Blaupause für Projekte. Enthalten sind eine sinnvolle Verzeichnisstruktur, CSS Strukturen und eine rudimentäre HTML Struktur.
https://th-koeln.github.io/mi-bachelor-wba1/download/project-template.zip
Helper
Online Challenges für HTML, CSS und Co. Sehr gut zum Üben und Wiederholen.
https://www.freecodecamp.org/map
Training
Interaktives Tutorial zu HTML.
https://www.codecademy.com/learn/learn-html
Training, Guides, HTML
Kleine Halbzeitansprache
Anmeldung zur finalen Challenge im PSSO
Bitte denken Sie daran sich zur finalen Challenge im PSSO anzumelden. Anmeldephase ist vom 13.11.2017 bis 24.11.2017 und die Abmeldephase vom 27.11.2017 bis 05.12.2017.
Als Vorbereitung zur finalen Challenge bieten wir am 16. November um 9:00 Uhr ein Challenge Training an. Das Thema können Sie bereits jetzt einsehen.