Collective #465

Room 250
A very inspiring article by Haraldur Thorleifsson on the paramount importance of inclusion.
Read it
4 ways to uncover the reasons why people leave your website
Why do people leave your website? The answer lies with your 'Undecided Explorers'!
Read more
The 101 Course on Crafting 404 Pages
Shelby Rogers explains why making an effort with a 404 page could better your website's chances of people coming back despite the inconvenience, and how to track those errors to reduce how often people see it.
Read it
Building A Game With SVG and JavaScript with Amelia Bellamy-Royds
Amelia Bellamy-Royds walks through a demo of her great book Using SVG with CSS3 and HTML5.
Check it out
An Annotated webpack 4 Config for Frontend Web Development
Andrew Welch shares a complete real-world production example of a sophisticated webpack 4 config.
Read it
The Evolution of Async JavaScript: From Callbacks, to Promises, to Async/Await
Great article and video on Async JavaScript as part of Tyler McGinnis' Advanced JavaScript course.
Read it
DeOldify
A fantastic Deep Learning based project for colorizing and restoring old images.
Check it out
Eva Icons
Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.
Get it
#codevember 3/2018 - Flying Carrot
Noel Delgado's adorable contribution to the #codevember challenge.
Check it out
Glorious Demo
With this library you can create animations to show your code in action.
Check it out
The Guten, the Berg, and the Ugly
Samuel Levy's witty article where he shares his thoughts on the WordPress Gutenberg editor.
Read it
Waveguide
In case you didn't know about it yet: Waveguide is a curated design knowledge base with thousands of UI UX patterns, mobile patterns examples, landing page inspiration and more.
Check it out
Re:Birth
Thomas Ollivier's wonderful project that portraits current internet technology as pre-internet technology.
Check it out
SimpleBar
The cross-browser custom scrollbars library with native scroll got a major update.
Check it out
80s Action Figure Logos
Some great old-school logo inspiration from the 80s compiled by FigureRealm.
Check it out
Redesigning your product and website for dark mode
Andy Clarke shares some tips for designing a dark mode version of your product or website to ensure you maintain accessibility and readability.
Read it
Enforcing Accessibility Best Practices with Component PropTypes
Brad Frost writes about how React's PropTypes and isRequired
gives us an opportunity to enforce accessibility best practices.

The 6th annual GitHub game jam has started - get involved and check out our Phaser resources.
Richard Davey reminds us of GitHub's Game Off challenge and shares some resources on using Phaser for building a game.
Check it out
Apple's New Map
Justin O'Beirne's essay on how Apple might have just closed the gap with Google's map.
Read it
Have you ever been lonely?
Gerard Ferrandez and Angelo Plessas created this artsy dancing robot demo.
Check it out
Algojammer
Algojammer is an experimental, proof-of-concept code editor for writing algorithms in Python. By Chris Knott.
Check it out
Generating custom photo-realistic faces using AI
Shaobo Guan's fantastic project of controlled image synthesis and editing using a novel method to control the generation process of a unsupervisedly-trained generative model. Check out the repo.
Check it out
#codevember - 1 - Infinity
Johan Karlsson "Infinity" contribution to the first day of the #codevember challenge.
Check it out
HTML-Notepad
A WYSIWYG editor for creating and editing formatted texts in HTML files.
Check it out
Halloween
A fantastic Halloween demo by Karim Maaloul.
Check it out
Animated Grid Previews
A template where one can switch between little image previews that are scattered around the page. The images animate to a grid once an "explore" link is clicked.
Check it out