Utopia
Ein Konzept für fluides, responsives Webdesign. Spannend!
https://utopia.fyiHTML CSS
Good Email Code
HTML E-mail Template, welches auf möglichst vielen Clients richtig anzeigen sollte.
https://www.goodemailcode.com/
Free Frontend
Tips und Tricks zu HTML, CSS und Javascript
https://freefrontend.com/
Bulma
Ein CSS Framework, dass wir im Auge behalten wollen
https://bulma.io/
Fancy Border Radius
Mit diesem Trick kannst du runde Formen machen! Speziell cool mit Animation!
https://9elements.github.io/fancy-border-radius/
BEM
BEM ist ein Methodologie für CSS. Mit den Naming Conventions von BEM ist es möglich, wiederverwendbare Klassendefinitionen zu machen.
getbem.com/
Accessibility Developer Guide
Tolle Seite, welche beschreibt, wie man Webseiten zugänglich coden kann.
https://www.accessibility-developer-guide.com/
Grid by Example
Eine gute Seite, um sich alle Tricks und Kniffs zu CSS Grids zu holen.
https://gridbyexample.com/
Cerberus
Ein paar einfache, aber solide Beispiele für responsive HTML E-Mails. Geeignet auch für Outlook und Gmail.
tedgoas.github.io/Cerberus/
cssreference.io
CSS Referenz mit visuellen Beispielen. Toll gemacht!
cssreference.io/
Complete Guide to Grid
Einführung in die CSS Grid Technologie. Leider momentan noch kaum unterstützt.
https://css-tricks.com/snippets/css/complete-guide-grid
WebdesignerDepot
Neben Blog-Artikeln umfassende Ressourcen für Webdesigner.
www.webdesignerdepot.com
HEAD
Aufstellung aller empfohlener und nicht empfohlener Elemente im HEAD-Bereich eines HTML Dokumentes.
https://github.com/joshbuchea/HEAD
Flexbox Patterns
Einige nützliche Beispiele mit Flexbox umgesetzt.
www.flexboxpatterns.com
Gridlex
Interessantes Flexbox Grid. Kann fast alles...
gridlex.devlint.fr/index.html
Accessibility Check
Tolles Tool, das deine Seite auf Barrierefreiheit prüft.
wave.webaim.org
The Accessibility Cheatsheet
Die wichtigsten Prinzipien und Regeln von barrierenfreien Konzepten zusammengefasst.
bitsofco.de/2015/the-accessibility-cheatsheet/
UIkit
Kombiniert Bootstrap, Fontawesome und andere zu einer umfangreichen Komplettlösung.
getuikit.com/
Solved By Flexbox
Diese Seite gibt eine Vorschau, wie einfach CSS mit Flexbox wird. Die schöne, neue Welt erwartet uns, sobald IE9 nicht mehr unterstützt werden muss.
philipwalton.github.io/solved-by-flexbox/
The Accessibility Project
Ein Projekt welches sich dem Ziel widmet, Webseiten und Applikationen zugänglicher zu machen. Hier kann manche(r) erfahrene(r) Frontender(in) noch was lernen!
a11yproject.com/Beliebteste Links
 |
html5 Doctor | 11533 |
 |
Fontello | 10067 |
 |
Codepen | 6870 |
 |
Browserdiet | 6740 |
 |
HTML KickStart | 6198 |
 |
Video JS | 6103 |
 |
The Responsinator | 5801 |
 |
HEAD | 5759 |
 |
Bootstrap | 5695 |
 |
Font Awsome | 5492 |
CMS für Webprofis
n2n ist ein performantes, einfach zu bedienendes und sicheres Content Management System!
CMS n2n