- boom – A simple CLI to scaffold some files or folder structures to kickstart new projects
- Full Width Containers in Limited Width Parents
- Lessons from building mobile-friendly, accessible data tables
- Awesome SVG – Linkliste
Linkfutter 414
Linkfutter 409
- Umar Hansa hat schon eine Menge kleine animierte GIFs veröffentlicht, die wie ein Film nette kleine Tips für die Chrome Dev-Tools zeigen. Richtig klasse finde ich den Tip, dem man sich eine CSS-Datei anschaut und dann per Shortcut alle Selektoren aufgleistet bekommt. Das funktioniert übrigens auch mit JavaScript-Dateien und Funktionen.
- Better keyboard navigation with progressive enhancement
- Anatomy of a Pattern in a Pattern Library
- Making stakeholders aware of the impact of website performance
- Design Better Data Tables
Linkfutter 408
- Nutzt Du viel (und gerne) JavaScript? Dann gehörst Du zur Zielgruppe von Sacha Greifs Befragung „State of JavaScript„. Mitmachen!
- AirBnB hat den eigenen CSS/Sass Styleguide auf Github veröffentlicht.
- Breadcrumbs For Web Sites: What, When and How
- A Quick Intro to Pattern Lab Node – ein Screencast von Brian Muenzenmeyer auf CSS-Tricks
- The target=“_blank“ vulnerability by example
Linkfutter 406
- The Myth of the Full-stack Developer
- Model View Pizza – A practical application of JavaScript MV* Frameworks
- Road Runner Rules: More What You’d Call “Guidelines” for Design Systems
- Bauhaus in the Browser – ein sehr interessanter Vortrag von Justin McDowell
- Fragen zu HTML5 und Co beantwortet – die Nummer 23 von Peter Kröner
Linkfutter 405 – Animation
Animationen mit JS-Hilfe:
- Bouncy Ball – Comparing web animation techniques by showing how to bounce a ball with each one.
- Scrollanim – Scrollanim is a CSS3 and JavaScript library to create stunning scroll animations that work everywhere.
- Anime.js – eine JS-Bibliothek für Animationen
- WOW – Reveal Animations When You Scroll.
Drei CSS-Bibliotheken, die man als Klassiker bezeichnen kann:
- Animate.css
- Effeckt.css – wird leider nicht mehr gepflegt
- Hover – wird leider nicht mehr gepflegt
Zum Abschluss noch eine motivierende SVG-Animation: Die Projekt-Deadline.
Veranstaltungshinweis
