Collective #312
Inspirational Website of the Week: Maxime Bonhomme
The engaging portfolio of Maxime Bonhomme is our pick this week.
Get inspired
May1Reboot
#May1Reboot was born in 2000 among a group of friends with the simple idea of collectively relaunching their websites at the same time — and in doing so — rallying each other and sticking to that one deadline.
Check it out
Build Things Visually with Divi 3.0
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Try it now
iotaCSS
A scalable open-source SASS based OOCSS framework. Read more about it in this article by Dimitris Psaropoulos.
Check it out
My All-Time Favorite Demonstration of a Cross-Site Scripting Attack
Ben Halpern shares this amazing example of cross-site scripting.
Read it
CSS Animations vs the Web Animations API: A Case Study
A great comparison between using CSS animations and the Web Animations API by Ire Aderinokun.
Read it
ECMAScript modules in browsers
An article on ECMAScript modules in browsers with demos by Jake Archibald.
Read it
Formations with CSS Grids
A interesting study of football formations using CSS Grids. By Varun Vachhar.
Read it
Mobile First, Desktop Worst
Oliver Brooks shows the disadvantages of the mobile first design philosophy.
Check it out
Prepack
A tool in early development for making JavaScript code run faster.
Check it out
Python for JavaScript Developers
Mario Pabon describes Python from the perspective of a JavaScript developer.
Read it
Adventures of an Ancient Web Developer in JavaScript Land
Hendrik Mans explores JavaScript, the language that he has been mocking for the last decade or two, and shares his experience.
Read it
SVG to JSX
A tool that converts SVG to valid React SVG. Written in Svelte by Balaj Marius.
Check it out
Obnoxious.css
Tim Holman strikes again! This time with animations for the strong of heart, and weak of mind ;)
Check it out
HTTP What?
A fantastic "code doodle" by Mariko Kosaka? on what HTTP is.
Check it out
Spector.js
A complete engine agnostic JavaScript framework for exploring and troubleshooting your WebGL scenes with ease.
Check it out
Page Weight
See how images affect your page speed with this tool by imgix.
Check it out
Smelvetica
Finally a font that will convince even the most design apathetic folks how important kerning is :D! Another gem by Tim Holman.
Check it out
Iconinator for Sketch
Iconinator is a Sketch plugin that generates a set of App icons for iOS. By Agisilaos Tsaraboulidis.
Check it out
Checker Services
List of links to various services that check your sites, domains, security etc. By Matt Brunt.
Check it out
GPU Shader Experiments
Real-time procedural 3D scene generation using ray marching and distance field (also known as 'sphere tracing') accelerated rendering techniques.
Check it out
React-native-masonry
A react-native component to render a masonry-type layout for images with support for dynamic columns, progressive image loading, device rotation and on-press handlers.
Check it out
Build yourself a Linux
An effective tutorial on how to build Linux based operating systems. By Michiel Derhaeg.
Read it
Sketching a Design System with React-SketchApp
Eder Rengifo plays with Airbnb's tool and shares his experience.
Read it