Collective #510
Publikováno: 22.4.2019
Svelte 3 * Mozilla WebThings * Tiny Mirror * CORS Tutorial * Inclusively Hidden * What is a Design System?
Collective #510 was written by Pedro Botelho and published on Codrops.
What is a Design System?
Varun Vachhar and Catherine Maritan take the conversation of Design Systems past style guides and component libraries and get into breaking down silos between development and design.
Divi: Build Anything Visually
Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
Glicky
Glicky is an in-browser task runner for modern web development.
Svelte 3: Rethinking reactivity
Read all about the new Svelte 3, the component framework that runs at build time.
Commit messages guide
A guide to understanding the importance of commit messages and how to write them well.
Only CSS: 3D Scan
A stunning demo of a 3D scan animation made only with CSS. By Yusuke Nakaya.
Inclusively Hidden
Scott O’Hara highlights the methods of hiding content that are most appropriate for modern web development, and notes the accessibility impacts of each.
Sketch vs Figma, Adobe XD, And Other UI Design Applications
Ashish Bogawat summarizes the unique features of the new Sketch alternatives.
MockIt
MockIt gives you an interface to configure and create mock APIs for your applications.
CORS Tutorial: A Guide to Cross-Origin Resource Sharing
Learn all about Cross-Origin Resource Sharing, how it protects you, and how to enable CORS in your applications. By Steve Hobbs.
Tiny Mirror
Davy Wybiral made an insane little webcam, right inside of a favicon! Check out the demo.
Introducing Mozilla WebThings
Ben Francis introduces Mozilla WebThings, an open platform for monitoring and controlling devices over the web.
Fading out siblings on hover in CSS
Trys Mudford shows how to make a special hover effect with a neat trick.
Getting started with Javascript – The right tools and resources
Chris Heilman talks about how to get started with Javascript, and where to find the right resources. You can read the transcript here.
Mouse Trail
Noah Yamamoto explains how to create an artsy mouse trail animation.
GB Studio
A free and easy to use retro adventure game creator for your favourite handheld video game system.
Giving Generative Art Its Due
Jason Bailey writes about Automat und Mensch, a show on the history of generative art.
Naming things to improve accessibility
Hidde de Vries explains how browsers decide on the names for links, form fields, tables and form groups.
AI4Animation – for JavaScript & Three.js
A port of the AI4Animation project, for use with Three.js on the web. It explores the possibilities of using artificial intelligence to generate realtime character animations.
Direction aware hover effect
Tobias Reich made this great hover effect that starts from where you hover with the mouse.
How to Create and Animate Rotated Overlays
A tutorial on how to create and animate rotated overlays, or “reveal” elements, for interesting page transition effects.
Collective #510 was written by Pedro Botelho and published on Codrops.