Development-Tools
Entwicklungswerkzeuge für Webseiten.
Development-Tutorials
HTML
Validiere deine Websites mit:
Überblick über die HTML-Elemente und deren Eigenschaften:
HTML-Elemente/-Code kopieren: HTML Snippets
Sonderzeichen in HTML codieren: HTML Sonderzeichen
Ein Flexbox Generator: Flexy Boxes
CSS
Optisch formatieren mit CSS. Validiere deinen CSS-Code: CSS Validator
Überblick über die CSS-Elemente und Eigenschaften: CSS Referenz | CSS Referenz
Die Seite für CSS-Präfixe: Should i prefix
Extrahiert CSS-Code aus HTML-Code: Extract CSS
CSS3-Generatoren
CSS-Animationen/-Effekte
Responsive Webdesign
This Is Responsive – Patterns and Resources
Media Queries – Responsive Gallery
CSS-Grid
Grid & Frameworks
JavaScript lernen
Minifier/Compressor
JavaScript/CSS/HTML Compressor
Pagespeed/Performance
Weitere hilfreiche Development-Tools:
Webdesign Cheat Sheets
Farben-Tools
Alles was Farben betrifft.
Farbpaletten entwerfen:
Accessibility / Barrierefreiheit
Farben auf Barrierefreiheit checken:
WAVE Web Accessibility Evaluation Tool
Accessible color palette builder
Vorgefertigte Farben & Farbpaletten entdecken:
Material Design Color Palette Generator
Farbverläufe gestalten:
Farbverläufe entdecken
Typo-Tools
Die beiden größten Webfonts-Anbieter:
Download Schriftarten:
Schriftarten kostenlos herunterladen:
Typo-Inspirationen / Galerien:
Jede Menge Inspirationen für den Einsatz und die Kombinationen von Schriften und Schriftarten:
Typografie & Schriftarten entdecken und zusammenstellen:
Archetype, Digital Typography Design Tool
Besondere Typo-Zeichen:
Weitere hilfreiche Typo-Tools:
Bilder- & Foto-Tools
Pools & Werkzeuge für die Bildbearbeitung.
Freie Bilderquellen:
Übersicht über Anbieter lizenzfreier Fotos:
Kostenpflichtige Bilder-/Stock-Agenturen
Anbieter lizenzpflichtiger Bilder:
Bilder komprimieren
Optimizilla – Online Image Сompressor
Kraken.io – Free Online Image Optimizer
Bilder-Platzhalter:
lorempixel
Weitere hilfreiche Bilder-Tools:
Illustration- & Icon-Tools
Icon-Galerien
Jede Menge Icon-Vorlagen, Inspirationen und Downloadmöglichkeiten:
Illustrationen-Downloads
Schöne Illustrationen als Vorlagen und Download:
Ouch – Free Vector Illustrations
Iconfonts
Avatare/UI Faces
SVG
Logos
Download Vector Logos of famous Brands
Showcases & Galerien
Gute Beispiele.
Websites
Typo
Landing-Pages
One-Pager
Portfolios
E-Commerce
Wireframes
E-Mails
User Interfaces (UI)
Inspiration-Seiten & -Tools
Eindrücke von anderen Projekten erhalten.
Inspirations-Portale
Brandings
Grafik-Design / Logo
Code
Design- & Styleguide-Tools
Texturen- & Patterns-Tools
SEO-Tools
Text-Tools
Texte schreiben
Platzhalter
Zeichen
Templates- & Ressourcen-Tools
Vorlagen im Netz
Template-Portale
Freebies & Design-Ressourcen
Medialoot – Free Design Resources
PSD / Grafiken
Mockups
Website-Templates
Powerpoint
Glide – Free PowerPoint Template