Collective #555
Understanding This, Bind, Call, and Apply in JavaScript
In this article by Tania Rascia, you'll learn what this refers to implicitly based on context, and you’ll learn how to use the bind, call, and apply methods to explicitly determine the value of this.
Editorial Design Patterns With CSS Grid And Named Columns
Rachel Andrew writes how by naming lines when setting up CSS Grid layouts, we can tap into some interesting and useful features of Grid — features that become even more powerful when subgrids are introduced.
Read it
You've never built a WordPress website like this before
Divi is more than just a WordPress theme, it's a completely new website building platform that replaces the standard WordPress post editor with a vastly superior visual editor.
Try it
Adaptive Photo Layout with Flexbox
Tim Van Damme shows a lightweight technique for creating a horizontal masonry grid containing arbitrarily sized pictures.
Read it
Spacing, Grids and Layouts
Learn how to define baseline grids, column grids, spacing and layouts in this article by Elliot Dahl.
Read it
Screen Size Map
An interactive map of popular screen sizes illustrating the responsive and adaptive device landscape.
Check it out
Imagededup
Imagededup is a python package that simplifies the task of finding exact and near duplicates in an image collection.
Check it out
Guided by style
An article on how the Dropbox design team keeps their content style guide current and use-worthy.
Read it
Creating custom JavaScript syntax with Babel
Tan Li Hau shows how forking babel parser and creating your custom JavaScript syntax isn't as hard as you think.
Read it
Legendary cursor
Inspired by Nathan Gordon's tutorial, Domenico Bruzzese created this legendary cursor effect.
Check it out
Powerful New CSS for Styling Bullets, Numbers, and List Markers
Learn how to style list markers in this video by Miriam Suzanne.
Watch it
Raw WebAssembly Demos
Hand-written raw WebAssembly demos by Ben Smith.
Check it out
How to Make 3D Charts for the Web Using D3 and X3DOM
A tutorial by Adrian Sureshkumar where he shows a practical example of how the D3 and X3DOM libraries can be used together to build dynamic 3D charts for the web.
Read it
Free Font: Grifter Bold
A strong, versatile font made by Hanson Method.
Check it out
Improving V8 regular expressions
The V8 team describes how they take advantage of the upsides of interpreting regular expressions while mitigating the downsides.
Read it
A long way
A fantastic neon demo by Al Ro. Also, check out his other interesting experiment.
Check it out
CSS Rock-Paper-Scissors
The classic game made with CSS only by Alvaro Montoro.
Check it out
I created the exact same app in React and Vue. Here are the differences. [2019 Edition]
A very interesting and practical comparison between Ract and Vue. By Sunil Sandhu.
Read it
Possibly the Most Useful CSS Trick
An interesting CSS trick using the :not() and :placeholder-shown pseudo classes. By Fred Adams.
Check it out
Voronoi Slices
Marco Fugaro created this animated Voronoi cells demo.
Check it out
Free Font: Architectural
A font made by Igor Stepanchenko suitable for headings and small passages of text.
Check it out