Collective #351

Original Source:


Inspirational Website of the Week: Era Ceramics

A bold design that stands out with its typography and nice details. Our pick this week.

Get inspired


Our Sponsor
How to be more productive when delivering websites to your clients

Saving hours of your work time? Yes, that’s possible with the help of Be Theme’s 270+ pre-built websites.

Check out how


Fizzy School

Great learning resource for anyone writing jQuery. By Dave DeSandro.

Check it out


An event for CSS position:sticky

Eric Bidelman shows how you can use an IntersectionObserver to fire a custom event when position:sticky elements become fixed or when they stop sticking.

Read it


Find the right visualization for your project with this comprehensive and inspirational archive of data visualizations.

Check it out


Here’s a new way to learn coding tools and concepts right when you need them

Quincy Larson introduces the new freeCodeCamp Guide.

Read it


Designing Websites for iPhone X

Timothy Horton’s guide on designing for the new iPhone with some practical examples.

Read it


Writing CSS with Accessibility in Mind

Some great tips on how to improve the accessibility of your web sites and apps with CSS. By Manuel Matuzovic.

Read it


Addressing common misconceptions about the Payment Request API

Eiji Kitamura calls out some common misconceptions about the Payment Request API.

Read it


Learn D3.js in 5 days

Email lessons by Ben Clinkinbeard that will teach you D3.js.

Check it out


Happtizens Character Creator Set (AI, EPS, PNG)

A fantastic set of pre-made super-cute and geeky characters made by Haxon for PixelBuddha.

Get it


User Authentication For Web And iOS Apps With AWS Cognito (Part 2)

Second part of the tutorial by David Tucker on how to work with AWS Cognito.

Read it


Free Font: Lysis

A free display typeface with a unique character designed by Nathan Dawdy.

Get it


Branded in Memory

A very insightful article on how we remember logos and the psychology behind it. By

Read it


Web truths: CSS is not real programming

Chris Heilman explains the fact that working with CSS is not traditional programming.

Read it


Hacker News Progressive Web Apps

Addy Osmani showcases the results of some implementations on HNPWA.

Read it


Untitled Slider

Nathan Taylor made this fantastic slideshow with a rotating layout.

Check it out


Free Font: Archia Regular

A free font family from the atipo foundry. Get the regular style for free.

Get it



The code for the November 2017 net magazine tutorial, “Stylized Wireframe Rendering in WebGL”. By Matt DesLauriers.

Check it out



A component for building conversational interfaces for React.

Check it out



Awesome demo of curling roots by Louis Hoebregts.

Check it out


ColorSpace Gradient Color CSS Generator

An easy to use tool for generating CSS gradients.

Check it out



With icongram you can easily use icons from popular icon sets on the fly.

Check it out


Creating a Static API from a Repository

Eduardo Bouças takes the concept of statically-generated sites and translates them to the context of APIs.

Read it


How manipulates you

Roman Cheplyaka dissects some nasty anti-patterns on

Read it


From Our Blog
Organic SVG Shape Morph Ideas

A small set of ideas for organic shape effects. The demos show some ways to use animated SVG morphs interactively on a website, including a menu hover and a content reveal effect.

Check it out

Collective #351 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 *