Collective #297
Grassy
Build layout through ASCII art in Sass (and more). By Lazar Ljubenović.
Check it out
Setup a design system
Marco Lopes shows how to build a system that provides a unified set of UX, design rules and patterns.
Read it
Getting to know CSS Grid Layout
A really great introduction to using CSS Grid right now. By Chris Wright.
Read it
Recast.AI
Recast.AI is a collaborative bot platform for building, training and running your bot.
Check it out
Buckets
Buckets is a free visual bookmarking tool for creating and organizing collections of online resources.
Check it out
CSS Grid VS Flexbox: A Practical Comparison
When to use Flexbox and when Grid? Some practical examples by Danny Markov.
Read it
World Wide Web, Not Wealthy Western Web (Part 2)
The second part of an excellent article series on how to serve websites to the entire world, not just the wealthy West. By Bruce Lawson.
Read it
A Map To Modern JavaScript Development (2017)
Santiago de León made a very helpful map to help you get oriented in today's JavaScript maze.
Read it
Alix
Alix is a browser extension for a11y.css that allows you to lint your HTML for accessibility issues. By Ire Aderinokun.
Check it out
A formal spec for GitHub Flavored Markdown
Read about the release of the formal specification of the syntax for GitHub Flavored Markdown, and its corresponding reference implementation.
Read it
Create Offline Web Apps Using Service Workers & PouchDB
Learn how to add offline support to a basic contact list web app by implementing asset caching, client-side data storage and synchronization with a remote data store. By Artem Tabalin.
Read it
Calligraphr
An app that lets you transform your handwriting or calligraphy into a font.
Check it out
On the Current State of Design Systems in UX
Christian Beck's great read on how design systems have evolved and where we are today.
Read it
SPAQ
A server and client setup to allow for the rapid prototyping of Single Page Apps.
Check it out
Web Performance of the Top 100 Travel Sites
Pingdom tested the web performance of the biggest travel sites and these are the interesting results.
Read it
Introducing React Loadable
Learn about component-centric code splitting and loading with React Loadable. By James Kyle.
Read it
Free Font: Primitiva Slab
A casual slab serif font designed by JR Design.
Get it
Son
Son is a subset of JSON without redundant options for machine-to-machine communication. By Ian Jeffries.
Check it out
Better CSS with JavaScript
An article by Neal Granger where he shows you how to modernize your CSS build using css-js-loader.
Read it
blurify.js
Blurify.js is a compact library for blurring images that downgrades to canvas.
Check it out
Free Web & Mobile Toolkits for UI Designing
A great collection of free UI Kits to kick-start your designs. Offered by KK UI Store.
Check it out