Collective #420
Publikováno: 31.5.2018
Sculpting Software Animation * Solving Life's Problems with CSS * Critters * Goat * code.xyz * Proppy * Deno * Prerender-loader
Collective #420 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Studio Regale
A very different kind of web experience with lots of interesting goodies. Our pick this week.
How far will $10.99 take you?
Find out with Udemy’s best of the best online courses in programming, design or app dev. Take top-rated courses from our master instructors, now at a special discount.
UTC is Enough for Everyone, Right?
A brilliant write-up on time for programmers by Zach Holman.
From Beautiful Maps to Actionable Insights: Introducing kepler.gl, Uber’s Open Source Geospatial Toolbox
Shan He from Uber Engineering introduces kepler.gl for creating beautiful maps.
Sculpting Software Animation
Pasquale D’Silva’s interesting guide to designing animations.
Proppy
ProppyJS is a small JavaScript library for composing props (objects that components receive to render themselves) which can then be used in a components-based UI framework like React or Vue.js.
Critters
A Webpack plugin to inline your critical CSS and lazy-load the rest.
Whimsical Wireframes
Whimsical includes a rich library of configurable elements for fast mockup creation with collaboration in real-time.
Goat
A private URL shortener just for your team.
Why is Front-End Development So Unstable?
Jimmy Breck-McKye analyses why front-end technology changes so quickly.
Jeeliz Face Filter
A face detection and tracking library in JavaScript based on WebGL deep learning.
Pawtastic UI Kit for Adobe XD
A beautiful UI Kit to get you started with Adobe XD.
Building a responsive image
A step-by-step guide for creating a responsive logo by Nils Binder.
Free Font: Bedebah
A unique looking display typeface designed by Holis Majid.
Solving Life’s Problems with CSS
A great article where Diana Smith shares a nifty CSS technique she used for creating Francine.
Scantron Answer Sheet
A realistic looking Scantron answer sheet replication powered by CSS grid by Jon Kantner.
Prerender-loader
Pre-rendering describes the process of rendering a client-side application at build time, producing useful static HTML that can be sent to the browser instead of an empty bootstrapping page.
Buttons falling apart
A playful shattering button demo by Mikael Ainalem.
code.xyz
An embeddable development environment for easily building APIs, webhooks, and workflow automation tasks that run atop StdLib infrastructure. Read more about it here.
Deno
A secure TypeScript runtime on V8 that supports TypeScript 2.8 out of the box. By Ryan Dahl.
Grid System Library
KK UI Store’s library of grid systems for iOS, Android and Bootstrap.
Bolsters Design Project
Some wonderful and inspiring UI design work by Tai Chen.
36 Days of Type Video
In case you missed it: Ben Huynh’s amazing compilation of this year’s creative type challenge.
Collective #420 was written by Pedro Botelho and published on Codrops.