Linkliste Webdesign

Allgemeine Hinweise zu Webdesign und Tools.

Atomares Webdesign https://bradfrost.com/blog/post/atomic-web-design/

Responsives Webdesign https://responsivewebdesign.com/toast/frontend/

Grundlagen des Webdesign https://www.designbetter.co/design-systems-handbook

Sass Dokumentation https://sass-lang.com/documentation/

Blindtext-Generator https://blindtextgenerator.de/

Twig Templating Einführung 1. Teil https://www.electriccitizen.com/citizen-blog/twig-drupal-8-development-twig-tem…

Twig Templating Einführung 2. Teil https://www.electriccitizen.com/citizen-blog/twig-drupal-8-development-twig-tem…

Responsive Bilder mit <picture> bzw. srcset und sizes https://blog.kulturbanause.de/2014/09/responsive-images-srcset-sizes-adaptive/

Typographie als Hauptbestandteil einer Website https://css-tricks.com/typography-for-developers/

Regeln zur Typografie im Webdesign https://markboulton.co.uk/journal/five-simple-steps-to-better-typography/

Kleine online Helferinnen für das Webdesign.

Blindtextgenerator https://www.blindtextgenerator.de/

Google Fonts https://fonts.google.com

Schriftarten Paare wählen https://fontpair.co/

Pairing Fonts http://www.typeconnection.com/

Webseiten Ladegeschwindigkeit prüfen https://www.webpagetest.org/

Typographie Golden Ratio Calculator https://grtcalculator.com/

Transfonter - Schriftdatei anpassen https://transfonter.org/

Tool zur Erstellung harmonischer Größen im Webdesign https://www.modularscale.com

Tags