Collective #275

Inspirational Website of the Week: HiveBoxx
The new design of HiveBoxx is a well-balanced, friendly experience with lots of interesting details. Our pick this week.
Get inspired
CSS Writing Modes
Jen Simmons shows how to use the CSS writing-mode property for laying out content.
Read it
Why Hack Reactor is the perfect New Year's Resolution
Reinvent your career and find your dream job as a software engineer. Hack Reactor is now accepting applications for their 2017 cohorts.
Transform your career
Payment Request API
A specification that standardizes an API to allow merchants to utilize one or more payment methods with minimal integration.
Read it
Building a Better Web with Lighthouse
Eric Bidelman shows how to use Lighthouse, a new tool by Google that helps improve the quality of web apps.
Read it
Learning from Lego: A Step Forward in Modular Web Design
See how well the lego concept can be used to improve modular web design. An article by Samantha Zhang.
Read it
Free Font: Westmeath
A unique typeface perfect for trendy logos. Designed by Fontdation.
Get it
10 things I learned making the fastest site in the world
Lots of clever performance techniques by David Gilbertson.
Read it
The Dark Side of Polyfilling CSS
Philip Walton shows why polyfilling CSS is hard on an insightful, practical example.
Read it
Playbook
Playbook organizes meaningful questions from the community with the aim to also give designers a simple way to respond.
Check it out
Chrome Bias (and Finding Things To Like in Firefox)
Robin Rendle shows how enlightening it is to overcome "Chrome bias" and what interesting features Firefox has that you might not know about.
Read it
When The Levee Breaks: Solutions for Web Page Overflow Issues
Dudley Storey shows how to troubleshoot overflow issues on a Web page.
Read it
React or Vue: Which Javascript UI Library Should You Be Using?
An objective comparison of two great frameworks by the JS Dojo team.
Read it
Material Components
Modular and customizable UI components for all platforms by Google.
Check it out
75 MCC Icons (Sketch)
Some very useful MCC (Merchant Category Code) icons designed by Ruslan Khaditov.
Get it
Better video previews for email
Stig Morten Myre shares his experience and clever technique of embedding video previews in email.
Read it
CSS Snow Fox
David Khourshid's super-cute CSS snow fox based on Jonathan Dahl's Dribbble shot.
Check it out
Best CSS Frameworks
All CSS frameworks in one curated directory. By Naeem Noor.
Check it out
Using Sass to automatically pick text colors
Learn how you can choose a text color that ensures readability and accessibility in your theme with the help of Sass.
Read it
Free Font: DEUX
A double-lined font with Latin and Cyrillic characters designed by Misha Priem.
Get it
Top Resources to Learn Grid
A curated list of resources on the CSS Grid Layout. By Peter Court.
Check it out
Block Reveal Effects
Ideas for revealing content in a schematic box look as seen around the Web lately.
Check it out