Collective #356

Project management is better when it's visual
Dapulse is the next generation of visual tools, built specifically for designers and developers. See what everyone on your team is working on in a single glance.
Check it out
Experiments in Creative Coding
Some fantastic coding experiments by Luke Twyman.
Check it out
Building A Large-Scale Design System: How A Design System Was Created For The U.S. Government (Case Study)
Great case study on creating a consistent large-scale design system by Maya Benari.
Read it
Exploring Data with Serverless and Vue: Automatically Update GitHub Files With Serverless Functions
Sarah Drasner explains how she created a visualization using a Serverless function that gets geolocation data from Google.
Read it
Sessions
A project that consists of individual sessions of WebGL programming with amazing results.
Check it out
CSS Creatures
Create your cute CSS creature and add it to this awesome collection. By Bennett Feely.
Check it out
Free Font: Chloé
A lovely handwritten sans serif font, designed by GUD aka Giulia Ursenna Dorati for Ergotype.
Get it
Building a CSS-only image gallery (with fallbacks)
Chen Hui Jing explores a CSS only implementation of an image slideshow using some modern CSS techniques.
Read it
8-Point Grid: Vertical Rhythm
An article by Elliot Dahl on how to establish vertical rhythm and set typography in an 8pt grid system.
Read it
Awesome Hacking Resources
A collection of interesting hacking testing resources created by vitalysim.
Check it out
UX for Lizard Brains
Great article on the "lizard brain" fundamentals of UX by Sophia Voychehovski Prater.
Check it out
Vera Block (PSD, Sketch)
Vera Block is a huge collection of mobile screens and components with a great design.
Get it
Tabbed Interfaces
An in-depth analysis of tabbed interfaces by Heydon Pickering.
Read it
Redesigning Laravel.io
An article by Adam Wathan and Steve Schoger on redesigning Laravel.io.
Read it
The whole web at maximum FPS: How WebRender gets rid of jank
Read how WebRender will help render the web super smooth in this article by Lin Clark.
Read it
(S)CSS Best Practices That You Have Not Yet Known
Some great tips for writing robust and maintainable (S)CSS.
Read it
Spooky Halloween: 40 Icons, 4 Styles
Some great Halloween icons in various pixel-perfect styles. By Futuramo.
Get it
Responsive Text, Daft Punk Style
Some quick tips on how to handle lines of text responsively.
Read it
Pastel tentacles with CSS vars (no JS)
Great demo by Ana Tudor that makes use of CSS variables.
Check it out
Birds in the sky
A beautiful demo by Louis Hoebregts.
Check it out
Collaborate: Bring people together around digital projects
A free book by Ellen de Vries on collaborating digitally.
Get it
How you can ditch PowerPoint and build better slides with Jupyter and Reveal.js
Dat Tran introduces jupyter2slides which lets you easily create beautiful and interactive presentation slides using Jupyter Notebook and reveal.js.
Read it
JavaScript got better while I wasn't looking
An article my Eevee on the new good features of JavaScript.
Read it
Pure CSS Connect 4
Bence Szabó made this CSS only version of the Connect 4 game.
Check it out
Free Font: The Secret
A handwritten typeface designed by Vlad Cristea and available for an email subscription.
Get it
HTML + CSS Star Wars Characters
Ryan Spilhaus created these image-less Star Wars characters.
Check it out