Webdeveloper Links & Tips

HTML

HTML lernen

• selfhtml
• Introduction to HTML - Mozilla Docs
• w3schools HTML5 Tutorial
• HTML Forms

Editoren

• Sublime Text
• Visual Studio Code
• Atom editor
• Brackets

Online Tools / Plugins

• HTML Validator
• HTML nu Validator
• HTML Extension Chromium
• HTML Extension Mozilla
• Can I use
• codepen
• jsfiddle
• Google Search Console
• Cross Browser testing
• Browser Test

Interne Links

• Semantische Tags
• Seitenstruktur
• Kopfbereich
• Formulare
• Navigation

CSS

CSS Lernen

• CSS-Grundlagen
• CSS lernen W3C
• CSS Tutorial
• Selfhtml CSS
• CSS Übersicht
• Leitfaden Animationen
• Animate Keyframes.app

CSS (minimal) Frameworks

• Milligram
• minicss
• Pure.css
• TentCSS
• Skeleton
• A Modern CSS Reset (Nur Reset-Funktion)

CSS Inhalte positionieren

• CSS float – Positionieren und Umfließen
• CSS position
• Flexbox
• Grid Guide
• Learn Grid

Responsive Design

• Irrwege im Webdesign
• Die Basics
• Adaptive Responsive Liquide

Interne Links

• float
• position
• flexbox
• grid

JavaScript

JavaScript lernen

• JavaScript für absolute Beginner
• The Modern JavaScript Tutorial
• JavaScript Tutorial

JavaScript Frameworks & Libraries

• jQuery
• React
• Angular
• Vue.js
• Vanilla.js

Interne Links

• Pure JavaScript
• jQuery