Collective #197

View All

Stereoscopic CSS * Flexbox Froggy * Metadata markup * Styling Sliders * Waveformer * Intro to CSS calc()


Stereoscopic CSS

The master of 3D CSS effects, Donovan Hutchinson, goes even further with this fantastic stereoscopic cube demo.

Check it out

Flexbox Froggy

Flexbox Froggy is a brilliant game for learning how to use flexbox by helping a little frog. Made by Thomas Park.

Check it out

Metadata markup

Jeremy Keith shows how we can combat social metadata redundancy by merging some tags.

Read it


A small, modern, dependency-free smooth scrolling library by callmecavs.

Check it out

WTF is Solid?

Solid is BuzzFeed's CSS style guide. Influenced by frameworks like Basscss, Solid uses immutable, atomic CSS classes to rapidly prototype and develop features, providing consistent styling options along with the flexibility to create new layouts and designs without the need to write additional CSS.

Check it out

Simplified JavaScript Jargon

Simplified JavaScript Jargon (short SJSJ) is a community-driven attempt to explain all those buzzwords of the current JavaScript ecosystem in a few simple words. By Hugo Giraudel.

Check it out


Split.js is a lightweight utility for creating adjustable split views or panes.

Get it

Free Font: Butler

Butler is a free serif typeface inspired by a mix between both Dala Floda & the Bodoni family. Designed by Fabian De Smet.

Get it


Designstub is a great place to find free, responsive and high-quality Bootstrap templates and themes.

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.