Collective #565
Publikováno: 14.11.2019
Next-generation web styling * Sketch 60 * The 2019 Web Almanac * Markup from hell * Video Game Console Logos
Collective #565 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Bruno Arizio
An outstanding design with some very engaging and elegant interactions. Our pick this week.
Clubhouse.io: PM tool that’s easy on the eyes
Try the modern project management software that’s super fast and a joy to use. All core features are free for up to 10 users.
The 2019 Web Almanac
The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.
Next-generation web styling
Adam Argyle and Una Kravets cover 20 new and upcoming CSS features in this talk at the Chrome Dev Summit 2019. Check out the demos here.
Let’s Get Graphic: A Few Ways To Draw On The Web
A great overview by Max Pekarsky on the pros and cons of different techniques to draw on the web.
Bruno Simon — Portfolio (case study)
Bruno Simon explains how he built his innovative gameplay-based portfolio.
Design Patterns in JavaScript
Ankita Masand’s excellent article on design patterns and their crucial role in building applications.
The Front-End Tooling Survey 2019 Results
View the results from the 2019 Front-End Tooling Survey where more than 3,000 developers answered 27 questions covering a wide range of front-end tools and methodologies.
Gauges
Amelia Wattenberger coded up a gauge example from Fullstack D3’s Dashboard Design chapter as a React component.
Announcing CodeSandbox CI and all-new Embeds
Learn about CodeSandbox CI, a free continuous integration service for open source library maintainers.
The main thread is overworked & underpaid
Surma’s excellent presentation on off-main-thread architecture at this year’s Chrome Dev Summit.
String.prototype.replaceAll
Learn about the String#replaceAll method that provides a straightforward mechanism to perform global substring replacements.
Sketch 60 — your design system starts here
Sketch 60 introduces some important new features that not only make it easier to work together, but also speed up the process of creating, sharing, using and maintaining design systems.
Pokéfolio
The wonderful portfolio of Ash, a Pokémon trainer.
HTMHell – Markup from hell
A devilish collection of bad practices in HTML, copied from real websites.
Free Font: Reborn
A beautiful decorative display font by Attractype free for a subscription.
My Inner Wolf
An eclectic visual composition of our inner worlds: a project on absence epilepsy seizures by Moniker in collaboration with Maartje Nevejan.
GSAP 3 Playground
A fantastic collection of GSAP 3 demos by Pete Barr.
GPGPU cloth simulation
Guilherme Avila made his amazing Three.js GPGPU cloth simulation code public.
web.dev Metrics
A place where you can find all the latest performance metrics and best practices from Google.
UI Case study: state styles of card component with accessibility in mind
Nana Jeon’s case study on hover, focus and active states on the example of a card component.
Race Car Island
Another beautiful example of GSAP 3 magic. By Steve Gardner.
Video Game Console Logos
A wonderful collection of nostalgic video game console logos by Reagan Ray.
High-speed Light Trails in Three.js
A creative coding exploration into how to recreate a high-speed lights effect in real-time using Three.js.
Collective #565 was written by Pedro Botelho and published on Codrops.