Collective #155

View All

Webydo * I am the fold * Carousel Usage * Full-Screen Pushing Navigation * SVG News * underline.js * Shade


I am the fold

A fantastic visualization of the diversity of website folds. Each line is from a random sampling of past-visitors' viewport heights. Made by Iestyn Williams and based on the idea by Jordan Moore.

Check it out


With this JavaScript library you can draw and animate a perfect text underline. Made by Wenting Zhang.

Check it out


Shade is a mathematically derived gradient explorer by Brent Jackson.

Check it out


Littlebox icons are made entirely with CSS and are super-easy to use. Made by Cabell Maddux.

Check it out

FLIP Your Animations

FLIP stands for First, Last, Invert, Play and it's a principle for creating web animations that are performant. By Paul Lewis.

Read it

Exploring object-fit

Chris Mills explains the amazing object-fit property and shows how to use it together with the object-position property.

Read it

Subway Icon Set

Subway is a great set of 306 icons optimized for iOS, Windows Phone, Windows and BlackBerry 10. Made by Pixle.

Check it out

Code Pad

The community site for saving and sharing snippets in style, Code Pad, has a new look.

Check it out

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.