Collective #378

Original Source:


Our Sponsor
Create Beautiful Websites Visually

The free & easy way to design WordPress websites. Create a stunning new website with Elementor Page Builder, zero coding needed.

Check it out



A library for easily letting any website provide APIs. By Jiuli Gao.

Check it out


How should we resolve percentage margins and padding on grid and flex items?

The CSS Working Group is asking the community’s opinion on a longstanding issue in the CSS Grid Layout and Flexbox specification. Rachel Andrew has put together some examples that showcase the issue.

Read it


A Tinder Progressive Web App Performance Case Study

Addy Osmani writes about Tinder Online’s journey of becoming a Progressive Web App.

Read it


A Sliding Nightmare: Understanding the Range Input

Ana Tudor dives into browser inconsistencies of the range input slider.

Read it


How I made a talking emoji using regular emojis and JavaScript

Maurizio Carboni shows how to make an emoji talk.

Read it



Ether is a modular base for any design system.

Check it out


Free Font: Pikolo Block Alt

A stylish two-line display typeface designed by Ideabuk.

Get it


How To Make Changes to the DOM

As part of the series “Understanding the DOM” by DigitalOcean, Tania Rascia’s explains how to create, modify, and remove DOM elements in this article.

Read it


Productivity Tips And Tricks: The Community Shares Its Piece Of Advice

Rachel Andrew summarizes the most interesting productivity tips of the web community.

Read it



A great Christmas Experiment made by David Ronai.

Check it out


Want to learn CSS Grid? Here’s my free full-length course. Merry Christmas!

Per Harald Borgen shares 13 interactive screencasts for learning CSS Grid.

Check it out


Colour management, part 2

Read about how color space conversion works in this article by the folks of Bjango.

Read it


Designing Better Design Documentation

Slava Shestopalov shows some ways for making documentation clearer, better structured, and more appealing.

Read it


Pointer Controlled Elastic Points

An elastic shape demo by Jack Rugile where you can click and drag to move the triangles.

Check it out


Behance: Year in Review 2017

It’s a special year for Behance: it marks Behance’s 10 year anniversary. Look back at a decade of creativity.

Check it out



A fun pixel glyph collection game where you create and trade tiny pixel art.

Check it out


Start your open-source career

An article by Vincent Voyer on getting started with open source and finding your first project.

Read it


“We’ve centralized all of our data to a guy called Mark Zuckerberg” says Pirate Bay Founder

A very interesting interview with Pirate Bay founder Peter Sunde on the centralization of the internet.

Read it


NectarJS: compiling JavaScript into Native Binaries for Every Platform

In case you missed it: Adrien Thierry shares the fascinating story of the exciting NectarJS project.

Read it


From Our Blog
CSS Glitch Effect

An experimental glitch effect powered by CSS animations and the clip-path property. Inspired by the technique seen on the speakers page of the 404 conference.

Check it out

Collective #378 was written by Pedro Botelho and published on Codrops.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *