Standards
Bücher
Dokumentationen/Tutorials
- 10 Usability Heuristics for User Interface Design
- An Interactive Guide to CSS Grid
- Canvas Tutorial
- CSS for printing to paper
- CSS Tricks
- CSS Tricks: Articles
- CSS Tricks: Guides
- CSS Tricks: A Complete Guide to Flexbox
- CSS Tricks: A Complete Guide to CSS Grid
- CSS Tricks: Properties
- CSS Tricks: Selectors
- CSS Tricks: Snippets (HTML, CSS, JavaScript, ...)
- CSS Zen Garden
- Flexbox Froggy
- MDN Web Docs
- SQLite PHP
- SELFHTML
- Smashing Magazine
- W3schools: CSS
- W3schools: CSS Flexbox
- W3schools: CSS Grid
- W3schools: CSS Selector Reference
- W3schools: HTML
- W3schools: CSS Website Templates
- W3schools: HTML Canvas Tutorial
- W3schools: HTML Emojis
- W3schools: HTML Entities
- W3schools: HTML Symbols
- W3schools: JavaScript
- W3schools: PHP
- W3schools: PHP MySQL Database
Tools
- Accessible Colors
- Ad Block Test (Browser)
- Adobe Color
- Blindtext Generator
- Bootstrap
- Bootstrap: Themes
- Can I use
- Code Editor (Python/HTML - Raspberry Pi Foundation)
- CodePen
- Coolors
- CSS3 Test
- CSS Diner - Where we feast on CSS Selectors!
- CSS Fonts
- CSS Portal
- EFF: Cover Your Tracks (Browser Tests)
- favicon.io
- Formular-Chef
- Generator Datenschutzerklärung (DSGVO)
- Generator Impressum
- Google Fonts
- Google Fonts Helper
- Google PageSpeed
- How to Center in CSS
- HTML Minifier
- HTML5 Outliner 1
- HTML5 Outliner 2
- iconarchive.com
- IPv4/IPv6 Geolocation Databases
- JPEG Compression
- JS Bin
- JSFiddle
- modern-normalize.css
- normalize.css
- Paletton.com
- Picsum
- Poedit
- PrivacyTests.org (Browser Tests)
- quantityqueries.com
- robots.txt
- Tables Generator
- TinyPNG
- USWDS (U.S. Web Design System)
- W3C CSS Validator
- W3C HTML Validator
- Website Carbon Calculator
- web.dev: Google Website Chrome for Developers
- XAMPP
Entwicklungsumgebungen
Hier eine (unvollständige) Liste von IDEs für die Entwicklung mit HTML, CSS und JavaScript.
Empfehlenswert, da kostenlos verwendbar und mit großem Funktionsumfang, ist Visual Studio Code bzw.
VSCodium.
Für meine Webprojekte verwende ich PhpStorm.
Browser
Lokale Testumgebung
Als lokale Testumgebung verwende ich
XAMPP mit PHP 8.2 Support.
XAMPP steht für
X : Betriebssystem (Linux, Mac OS X, Windows)
A : Apache Webserver
M : MariaDB
P : PHP
P : Perl
Damit steht einem alles zur Verfügung, was man zum Testen seiner Webseiten benötigt. Für den Kurs wird von XAMPP nur der Apache Webserver benötigt.
Webhosting
Da im Kurs nur HTML, CSS und JavaScript verwendet werden, kann man die Seiten einfach als GitHub Pages veröffentlichen.