- SVG-Grafiken in Websites/HTML-Seiten einbinden – Sehr praktische und kompakte Übersicht über die Einbindung von SVG in Webseiten. Und es ist zur Abwechslung auch mal eine deutschsprachige Quelle.
- Namen in Formularen – Es ist nur auf den ersten Blick einfach, ein Formular mit der Abfrage nach Vor- und Nachname zu bestücken. Wir vergessen dabei gerne kulturelle Unterschiede, die in diesem Artikel beleuchtet werden.
- Software Licenses in Plain English – Eine tolle Seite, die die unterschiedlichsten Lizenzvereinbarungen auf den wesentlichen Kern zusammendampft und für uns Entwickler leicht verständlich aufbereitet.
- Whale ist eine kostenlose Electron-App für Trello. Funktioniert klasse! So geht Trello nicht mehr in meinen mehreren Dutzend offenen Tabs unter.
Seite 81 von 208
Linkfutter 523
- WebGradients – Eine große Sammlung von Verläufen, die man sich als CSS-Schnipsel kopieren kann.
- CSS scales – Große Sammlung verschiedenster Verläufe mit vielen Farbstops, die man als CSS-, SCSS- oder JS-Schnipsel bekommen kann. Auch der Farbraum ist wählbar (Hex, RGB, HSL).
- The Rules for Modern Navigation
Linkfutter 522
- „HTML & CSS is hard – but it doesn’t have to be“ ist eine sehr schön gestaltete, umfangreiche Einführung in HTML und vor allem CSS.
- Flexible typography with CSS locks
- Using Feature Queries in CSS
- Great Alternatives to Hamburger Menus
Linkfutter 521
- Pure CSS grid overlays for designing
- Beware These Nine Design Elements Your Front-End Developers Hate
- npm for Beginners: A Guide for Front-end Developers
- Mit dem Tool Lighthouse aus dem Hause Google kann man seine PWA analysieren lassen. Das geht als Chrome-Plugin, von der Kommandozeile oder als node-Modul.
Linkfutter 520 – Skeleton Screens
Skeleton Screens sind Platzhalter, die insbesondere in mobilen Apps genutzt werden, um dem Nutzer eine Ahnung von den kommenden Inhalten zu geben. Mir sind zu diesem Thema hauptsächlich Artikel aus der Usability-Ecke aufgefallen. Technische Beschreibungen fand ich keine. Allerdings demonstriert ein Codepen die Realisierung sehr schön.
Weiterlesen
Linkfutter 518
- Component QA in Design Systems – Establish a process to deliver on the quality you promise
- Code Review: Best Practices and Common Pitfalls
- Evaluating Tools For Building a Component Library
- How to Make Magic, Animated Tooltips With CSS
Linkfutter 516 – A11y
- How to do Web Accessibility QA: Part 1
- How to do Web Accessibility QA: Part 2
- A11y Modals: Revisited
- Accessibility Guidelines – Diese Checkliste kann man sich durch Anklicken der Checkboxen selber konfigurieren.
Linkfutter 515
- EMMET: speed up your markup
- 20+ Responsive Navigation Solutions (Examples & Codes)
- Testcafé – Automated browser testing for the modern web development stack
- My lightbulb moment with modular design