Utopia
Ein Konzept für fluides, responsives Webdesign. Spannend!
https://utopia.fyiEin Konzept für fluides, responsives Webdesign. Spannend!
https://utopia.fyiHTML E-mail Template, welches auf möglichst vielen Clients richtig anzeigen sollte.
https://www.goodemailcode.com/Tips und Tricks zu HTML, CSS und Javascript
https://freefrontend.com/Ein CSS Framework, dass wir im Auge behalten wollen
https://bulma.io/Mit diesem Trick kannst du runde Formen machen! Speziell cool mit Animation!
https://9elements.github.io/fancy-border-radius/BEM ist ein Methodologie für CSS. Mit den Naming Conventions von BEM ist es möglich, wiederverwendbare Klassendefinitionen zu machen.
getbem.com/Tolle Seite, welche beschreibt, wie man Webseiten zugänglich coden kann.
https://www.accessibility-developer-guide.com/Eine gute Seite, um sich alle Tricks und Kniffs zu CSS Grids zu holen.
https://gridbyexample.com/Ein paar einfache, aber solide Beispiele für responsive HTML E-Mails. Geeignet auch für Outlook und Gmail.
tedgoas.github.io/Cerberus/CSS Referenz mit visuellen Beispielen. Toll gemacht!
cssreference.io/Einführung in die CSS Grid Technologie. Leider momentan noch kaum unterstützt.
https://css-tricks.com/snippets/css/complete-guide-gridNeben Blog-Artikeln umfassende Ressourcen für Webdesigner.
www.webdesignerdepot.comAufstellung aller empfohlener und nicht empfohlener Elemente im HEAD-Bereich eines HTML Dokumentes.
https://github.com/joshbuchea/HEADEinige nützliche Beispiele mit Flexbox umgesetzt.
www.flexboxpatterns.comInteressantes Flexbox Grid. Kann fast alles...
gridlex.devlint.fr/index.htmlTolles Tool, das deine Seite auf Barrierefreiheit prüft.
wave.webaim.orgDie wichtigsten Prinzipien und Regeln von barrierenfreien Konzepten zusammengefasst.
bitsofco.de/2015/the-accessibility-cheatsheet/Kombiniert Bootstrap, Fontawesome und andere zu einer umfangreichen Komplettlösung.
getuikit.com/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/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/
![]() |
html5 Doctor | 12304 |
![]() |
Fontello | 10993 |
![]() |
Codepen | 7291 |
![]() |
Browserdiet | 7132 |
![]() |
HTML KickStart | 6738 |
![]() |
Video JS | 6460 |
![]() |
HEAD | 6314 |
![]() |
The Responsinator | 6147 |
![]() |
Bootstrap | 6055 |
![]() |
Font Awsome | 5863 |
n2n ist ein performantes, einfach zu bedienendes und sicheres Content Management System!
CMS n2n