Collective #555
Publikováno: 7.10.2019
Guided by style * Adaptive Photo Layout with Flexbox * Screen Size Map * Raw WebAssembly Demos * Imagededup
Collective #555 was written by Pedro Botelho and published on Codrops.
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.
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.
Adaptive Photo Layout with Flexbox
Tim Van Damme shows a lightweight technique for creating a horizontal masonry grid containing arbitrarily sized pictures.
Spacing, Grids and Layouts
Learn how to define baseline grids, column grids, spacing and layouts in this article by Elliot Dahl.
Screen Size Map
An interactive map of popular screen sizes illustrating the responsive and adaptive device landscape.
Imagededup
Imagededup is a python package that simplifies the task of finding exact and near duplicates in an image collection.
Guided by style
An article on how the Dropbox design team keeps their content style guide current and use-worthy.
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.
Legendary cursor
Inspired by Nathan Gordon’s tutorial, Domenico Bruzzese created this legendary cursor effect.
Powerful New CSS for Styling Bullets, Numbers, and List Markers
Learn how to style list markers in this video by Miriam Suzanne.
Raw WebAssembly Demos
Hand-written raw WebAssembly demos by Ben Smith.
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.
Free Font: Grifter Bold
A strong, versatile font made by Hanson Method.
Improving V8 regular expressions
The V8 team describes how they take advantage of the upsides of interpreting regular expressions while mitigating the downsides.
A long way
A fantastic neon demo by Al Ro. Also, check out his other interesting experiment.
CSS Rock-Paper-Scissors
The classic game made with CSS only by Alvaro Montoro.
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.
Possibly the Most Useful CSS Trick
An interesting CSS trick using the :not() and :placeholder-shown pseudo classes. By Fred Adams.
Voronoi Slices
Marco Fugaro created this animated Voronoi cells demo.
Free Font: Architectural
A font made by Igor Stepanchenko suitable for headings and small passages of text.
Collective #555 was written by Pedro Botelho and published on Codrops.