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 inspiredDivi: 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 itSVG Properties and CSS
Learn about SVG attributes that can be overridden and controlled by CSS in this helpful guide.
Read itSplit Buttons: Definition
Learn about the split button design pattern in this article by Page Laubheimer.
Read itPHP in 2019
A look at the bright side of modern PHP.
Read itFree Font: Salt
A creative uppercase typeface designed by Masha Chuprova.
Check it outA pure CSS onclick context menu
Learn how to create a simple dropdown menu that doesn't need any JavaScript. By Simone Vittori.
Read itPHP Insights
With PHP Insights you can analyze the code quality of your PHP projects. By Nuno Maduro.
Check it outOla
A smooth animation library for inbetweening/interpolating numbers in realtime.
Check it outThe 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 itChinese 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 itFunctional-ish JavaScript
Daniel Brain shows what it means to write code that's functional-ish.
Read itHandUI
A repo by Eugene Krivoruchko that contains examples of UI design for tracked hands in AR/VR featuring remote interaction.
Check it outDebugging 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 it36 Days of Type (freebie)
Lascu Marius shares all the characters he created for the 6th edition of 36 Days of Type.
Get itRocket Through Space
Ryan Mulligan created this awesome interactive rocket for the Codepen Space challenge.
Check it outTIL (Today I learned)
Manuel Matuzovic shares useful CSS facts.
Check it out3D 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 outBuilding a better D3 axis
Andy Lee and Colin Eberhardt show how to enhance the D3 axis component.
Read itHow 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 itGetting Started with Vue - An Overview and Walkthrough Tutorial
Tania Rascia helps you get started with Vue in this practical tutorial.
Read itFlight 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 itAwesome Demos Roundup #4
Another collection of fantastic coding experiments from around the web to ignite your creative fire.
Check it out