Collective #474
Publikováno: 6.12.2018
Pika * Shapy * A CSS Venn Diagram * ncc * Building a Simple Virtual DOM from Scratch * Screenshoteer * ForgJs
Collective #474 was written by Pedro Botelho and published on Codrops.

Inspirational Website of the Week: Elias Tinchon
A minimal design with great function and nice details. Our pick this week.

Divi Leads A/B Testing & Conversion Optimization
Did you know that Divi comes with an integrated split testing and conversion rate optimization system backed by powerful stats and insights?

Going Offline First (Video Series)
An insightful video series by Ire Aderinokun where she shows how she updated her blog in order to allow saving articles for offline viewing.

DRY Switching with CSS Variables: The Difference of One Declaration
The first article of a two-part series that shows how to use the power of CSS variables for complex layouts. By Ana Tudor.

Shapy
Shapy is a gradient shape editor that helps you discover and explore the power of CSS gradients.

Microsoft is building a Chromium-powered web browser that will replace Edge on Windows 10
Read about the rumors around Microsoft’s plans to let go of Edge.

Screenshoteer
With Screenshoteer you can make website screenshots and mobile emulations from the command line.

Building a Simple Virtual DOM from Scratch
A typed-out version of Jason Yu’s fantastic talk where he live-codes a virtual DOM from scratch.

Xmas Tree
Point and shoot to decorate your Christmas Tree in this Christmas Experiment.

Risking a Homogeneous Web
Tim Kadlec’s thoughts on Google’s rising influence on the web and Microsoft’s plan to build their next browser around Chrome.

A CSS Venn Diagram
Adrian Roselli shows how to use CSS Shapes, Grid and Custom Properties to create a Venn diagram.

ncc
A simple CLI for compiling a Node.js module into a single file, together with all its dependencies, gcc-style.

The Friendship That Made Google Huge
A very interesting long-read on the distinct friendship between Jeff Dean and Sanjay Ghemawat.

Elements To Ditch Or Repurpose On Mobile
Suzanne Scacca gives some useful advice for cleaning up mobile websites.

Mistletoe Offline
Jeremy Keith writes how to utilize a service worker to make a custom offline page.

Pika
A searchable catalog of modern “module” packages on npm.

Introducing Background Fetch
Jake Archibald shows what Background Fetch is and how to use it.

Hatsumode
Another beautiful Christmas Experiment in honor of Hatsumode, the first shrine visit of the Japanese New Year.

ForgJs
ForgJs is a lightweight JavaScript object validator.

Blue Startup Template
Blue is a free HTML landing page for startups made by Cruip.

Measuring the “Filter Bubble”: How Google is influencing what you click
DuckDuckGo’s study that reveals the disturbing way Google shows search results.

UI Logos
A plugin that helps you get dummy logos directly into Sketch.

Free Image Resizer
A tool for resizing images to fit social media and web formats.
Collective #474 was written by Pedro Botelho and published on Codrops.