Collective #453
CONNECT TECH Atlanta's web/mobile dev conference
October 17-19 Atlanta. A World Class JavaScript, React, Angular, Vue, Web, Design Conference. 1200 attendees, 120 sessions, 12 workshops.
Learn more
What is Modular CSS?
An in-depth exploration of Modular CSS. By Scott Vandehey.
Read it
Responsive Images
Mat Marquis takes a look back at how responsive images evolved.
Read it
Inside look at modern web browser (part 4)
Mariko Kosaka concludes her article series on how Chrome handles code to display a website.
Read it
GraphQLEditor
With GraphQLEditor you can create visual diagrams without writing any code.
Check it out
The 9am Rush Hour
The first article in a series where Paul Lewis and Surma think out loud about the challenges they see in modern web development.
Read it
ColorBox
Colorbox is a tool to produce color sets. Made by the Lyft design team.
Check it out
Why I'm done with Chrome
Read why Matthew Green has had enough of Google Chrome's violation of user privacy. Read the Hacker News discussion here.
Read it
Interplanetary Postal Service
A lunar lander type game with complex fluid dynamics as an entry to the 2018 js13kgames competition.
Check it out
Dark Patterns And Other Design No-Nos For Mobile
Suzanne Scacca warns against using dark patterns on mobile sites.
Read it
Freebie: Autumn Kawaii Icon Set
A set of 50 gorgeous looking autumn themed icons.
Get it
Understanding JavaScript's Prototypal Inheritance
An article by Rajat S on how prototypal inheritance works in JavaScript.
Read it
Free Font: Marker Mark
Vlad Cristea designed this handwritten SVG font.
Check it out
Underrun - Making of
Read about he making of Underrun, a twin stick shooter using WebGL.
Read it
Variable Font Experiments
Mark Frömberg's fantastic animated variable font experiments.
Check it out
Responsive animated progress bar to donut
These progress bars will animate to doughnuts when the screen gets smaller. By Mikael Ainalem.
Check it out
Werner's Nomenclature of Colours
A recreation of the original 1821 color guidebook with new cross references, photographic examples, and posters designed by Nicholas Rougeux.
Check it out
#CodePenChallenge: HTTP Status 500
Check out all the great demos of Codepen's HTTP Status 500 challenge.
Check it out
Ripple Mouse (with plasma)
A great demo of interactive plasma by Liam Egan.
Check it out
Grid Layout with Scrollable Content View
A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view.
Check it out