Collective #394
Inspirational Website of the Week: Almanac
A unique design with playful effects made us pick Almanac as inspirational website of the week.
Get inspired
Manage your visual assets like you manage your code
Collaborate on design socially with resolvable image discussions within the same repositories you collaborate on code.
Read more
Responsive Components: a Solution to the Container Queries Problem
An elegant class-based solution to the container queries problem using ResizeObserver. By Philip Walton.
Read it
Prototyping, Libraries on Sketch Cloud and an official iOS UI kit in Sketch 49
Read about the new features in Sketch 49 including revolutionary Prototyping.
Read it
Launching the Front-End Tooling Survey 2018
With the Front-End Tooling Survey, Ashley Nolan wants to gather input and shed some light on the tooling habits across the web development industry.
Read it
CSS Puns
Some CSS humor accompanied with animations. By Saijo George.
Check it out
Third party CSS is not safe
Read why Jake Archibald suggests that third party content is simply not safe.
Read it
CSS Illustration 'face'
Amazing CSS art made by WhitePallet.
Check it out
It's Resilient CSS Week
A video series where Jen Simmons explains step-by-step how to write CSS that works in every browser at the same time, including the old ones.
Watch it
The Lost Art of the Makefile
Jesse Hallett writes about the merits of Make, the general-purpose build tool.
Read it
Free Font: Vindica Rebel
A beautiful expressive typeface designed by Rubirubiko.
Get it
Just Starting Out with CSS & HTML
A great collection of CSS-Tricks articles for everybody who is starting out with front-end development.
Check it out
V6: Color
The last article in a three-part series about Rob Weychert's website redesign.
Check it out
Notifications
Heydon Pickering takes a look at notification components and how they can increase confidence in the use of web applications, in an inclusive way.
Read it
Prompts
Lightweight and user-friendly interactive prompts that use promises and async/await.
Check it out
A developer's introduction to GitHub
A guide that teaches the most important pieces of GitHub that you should know as a developer.
Read it
Announcing Dart 2: Optimized for Client-Side Development
Read all about the reboot of Dart as a language optimized for client-side development for web and mobile.
Read it
How GDPR Will Change The Way You Develop
Heather Burns explains Europe's updated data protection framework and what this means for developers.
Read it
Bettercap
A network attack and monitoring framework with lots of features.
Check it out
How we built a pinball
Read about how Merci-Michel created "Ouigo — Let's play", a pinball game for the browser.
Read it
Six Degrees of Wikipedia
Inspired by the concept of six degrees of separation, Six Degrees of Wikipedia traverses links on Wikipedia to find the least number of clicks it takes to travel between any of the nearly six million pages.
Check it out
The Gallery of Emerging Species
A super-cute and playful website for Play-Doh.
Check it out
Lesser known CSS quirks & advanced tips
In this article, Peedu Tuisk shows some CSS facts and quirks.
Read it
Freebie: "Dropcast" Website Template (HTML, Sketch)
Dropcast is a responsive HTML/CSS/Javascript template, comes with Sketch files and a fully working site with SCSS. It works very well for podcasts landing pages or blogs, and can be easily customized.
Check it out