Collective #451
Apple Watch Scroll Border Animation
A great coding session by the keyframers, David Khourshid and Stephen Shaw, where they show how to code the scroll border animation as seen on the Apple Watch site.
Watch it
HelloSign API: Everything IT requires and Developers love
With a robust SDK, amazing support, detailed documentation, and super clean dashboard, HelloSign API is sure to make your team happy.
Try it free
Chrome's NOSCRIPT Intervention
Tim Kadlec digged through Blink issues to find out more about the intervention that would disable JavaScript altogether on slow networks.
Read it
Making colour gradients
Monica Dinculescu made a demo that shows how to darken, lighten or blend colors in JavaScript.
Check it out
Ikonate
A versatile and accessible vector icon set that can be customized easily.
Check it out
Force restart on any iOS device with just CSS
Developer Sabri shows how to cause a restart on iOS devices using loads of nested divs and the backdrop filter. Ouch!
Check it out
Generative Art Finds Its Prodigy
Read about generative artist Manolo Gamboa Naon and his inspiring works in this article by Jason Bailey.
Read it
Minimalistic Geometry: Poster Templates
A beautiful set of poster templates by Pixelbuddha.
Get it
Transform-origin illustration
A demo that visualizes the transform-origin property. By Stephen Shaw.
Check it out
Colour Beam
A great demo by Chris Gannon.
Check it out
Redesigning Chrome: An interview with Chrome's lead designer
Read about how Google Chrome was redesigned to focus more on web content.
Read it
Vue.js + GSAP = 🔥 Animations
Read how to integrate the GSAP animation library in your Vue.js project.
Read it
Uber Rebrand 2018
A nice presentation of how the Uber brand was redesigned.
Check it out
500 Error - Animated text fill
A text fill animation for a 500 error page. Made by Mansoour.
Check it out
New in Chrome 69: building <progress> doughnut charts with conical gradients
Facundo Corradini shows how you can build conical gradients for the first supportive version of Chrome.
Read it
Free Font: Kielo
A free uppercase headline font designed by Mikko Nuuttila.
Get it
Capacitor (Beta)
In case you didn't know about it: Capacitor is a cross-platform API and code execution layer that makes it easy to call Native SDKs from web code. By Ionic.
Check it out
WWWBasic
WWWBasic is an implementation of BASIC for web pages.
Check it out
How HTTPS Works
If you missed it: A side project from DNSimple where HTTPS is explained in fun comics.
Check it out
Freebie: "Libre" Web App Template
Libre is a responsive single page app template that was designed for developers who want to create collection management-like projects.
Check it out