Collective #516
Inspirational Website of the Week: PICTURESTART
An amazing design with a very creative navigation and spot on typography. Our pick this week.
Get inspired
Divi: The Powerful Visual Page Builder
Divi is a revolutionary WordPress theme and visual page builder for WordPress. With Divi, you can build your website visually. Add, arrange and design content and watch everything happen instantly right before your eyes.
Try it
SVG Properties and CSS
Learn about SVG attributes that can be overridden and controlled by CSS in this helpful guide.
Read it
Split Buttons: Definition
Learn about the split button design pattern in this article by Page Laubheimer.
Read it
PHP in 2019
A look at the bright side of modern PHP.
Read it
Free Font: Salt
A creative uppercase typeface designed by Masha Chuprova.
Check it out
A pure CSS onclick context menu
Learn how to create a simple dropdown menu that doesn't need any JavaScript. By Simone Vittori.
Read it
PHP Insights
With PHP Insights you can analyze the code quality of your PHP projects. By Nuno Maduro.
Check it out
Ola
A smooth animation library for inbetweening/interpolating numbers in realtime.
Check it out
The Dark Side of the Grid (Part 2)
Part 2 of 3 in a series of articles about CSS Grid layout and accessibility by Manuel Matuzovic.
Read it
Chinese Window Lattice And CSS
Learn how to apply the -webkit-box-reflect property to create traditional Chinese window latticework with CSS. By Yuan Chuan.
Read it
Functional-ish JavaScript
Daniel Brain shows what it means to write code that's functional-ish.
Read it
HandUI
A repo by Eugene Krivoruchko that contains examples of UI design for tracked hands in AR/VR featuring remote interaction.
Check it out
Debugging CSS Grid - Part 2: What the Fr(action)?
In this second part of the Debugging CSS Grid series, Michelle Barker takes a look at fr (or fraction) units.
Read it
36 Days of Type (freebie)
Lascu Marius shares all the characters he created for the 6th edition of 36 Days of Type.
Get it
Rocket Through Space
Ryan Mulligan created this awesome interactive rocket for the Codepen Space challenge.
Check it out
TIL (Today I learned)
Manuel Matuzovic shares useful CSS facts.
Check it out
3D Game Shaders For Beginners
A step-by-step guide on how to implement SSAO, depth of field, lighting, normal mapping, and more for your 3D game.
Check it out
Building a better D3 axis
Andy Lee and Colin Eberhardt show how to enhance the D3 axis component.
Read it
How I increased this travel app’s booking revenue by redesigning it - a UX case study
A very insightful app redesign case study by Felix Lee.
Read it
Getting Started with Vue - An Overview and Walkthrough Tutorial
Tania Rascia helps you get started with Vue in this practical tutorial.
Read it
Flight Icons
Flight by Brodie Pointon is an animated icon pack built for iOS, Android and web (using the Lottie Framework) and video. Built on the back of Feather Icons by Cole Bemis.
Get it
Awesome Demos Roundup #4
Another collection of fantastic coding experiments from around the web to ignite your creative fire.
Check it out