Collective #175

Inspirational Website of the Week: Bruno Quintela
A futuristic design with some impressive CG work by Bruno Quintela, Our pick this week.
Get inspired
Design Principles: Compositional Balance, Symmetry And Asymmetry
Steven Bradley finishes his outstanding series of guides on design principles with this article on compositional balance.
Read it
Container Queries: Once More Unto the Breach
A very interesting article on the brilliant idea of container queries by Mat Marquis for A List Apart.
Read it
Safari is the new IE
Is Safari slowly becoming the new IE? Nolan Lawson thinks it is and highlights some important issues in his article. An interesting write-up with a fiery discussions over at Hacker News and Designer News. Also, have a look at safari-is-the-new-ie.com set up by Stuart P. Bentley.
Read it
2 Blocks Template
A beautiful responsive two-fold layout by Claudia Romano from CodyHouse.
Check it out
Personal Portfolio Template (Sketch)
A cool looking portfolio website design with an asymmetric touch made by Emrah Demirag.
Check it out
Perf audit: Loading performance
Paul Irish performed a really insightful audit of Reddit's new mobile site. Excellent summery with valuable commentary and results.
Check it out
Math as Code
A great cheat-sheet for mathematical notation in code form. By Jam3.
Check it out
Great Font Combinations You Need to Try
A fantastic guide on solid font combinations with lots of examples by DesignModo.
Check it out
Native CSS Scroll Snap Points
Learn all about the exciting CSS Scroll Snap Points specification in this article by Sergey Gospodaret.
Check it out
MADOGATARI
A great depth-scrolling site by animation studio Shaft.
Check it out
The introduction to Reactive Programming you've been missing
The definite beginner's guide to Reactive Programming by André Staltz.
Check it out
Smashicons Icon Set (500 Icons, 4 Styles, AI, PSD, Sketch)
A fantastic and gigantic icon set by Oliver for Smashing Magazine.
Get it
SVG Logos
A collection of web development logos in SVG by Gil Barbara.
Check it out
Random Stuff Iconset Vol. 2 (AI)
The second volume of various vector icons with a lovely design by Ghani Pradita.
Get it
Creating Realistic Text with CSS
Lucas Bebber shows how to create a realistic looking tilted text effect using CSS and JavaScript.
Check it out
The Art of Command Line
An excellent guide for mastering the Command Line by Joshua Levy.
Check it out
Accessible Footnotes with CSS
Hugo Giraudel shows how to make accessible footnotes with some CSS magic.
Read it
React + Performance = ?
Paul Lewis tests React against plain Vanilla JavaScript.
Read it
Physics: Point and spring simulation
An interesting write-up by Ivan Chub where he revisits his physics simulation implementation on chubmarine.com.
Check it out
15 Vintage Logos (AI, EPS)
A set of great vintage logo templates by Agung Syaifudin for PixelBuddha.
Get it