Collective #516
![C516_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_WOTW.jpg?x86293)
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](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/04/Divi.gif?x86293)
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![C516_SVGCSS](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_SVGCSS.jpg?x86293)
SVG Properties and CSS
Learn about SVG attributes that can be overridden and controlled by CSS in this helpful guide.
Read it![C516_split](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_split.jpg?x86293)
Split Buttons: Definition
Learn about the split button design pattern in this article by Page Laubheimer.
Read it![C516_PHP](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_PHP.png?x86293)
PHP in 2019
A look at the bright side of modern PHP.
Read it![C516_salt](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_salt.jpg?x86293)
Free Font: Salt
A creative uppercase typeface designed by Masha Chuprova.
Check it out![C516_contextcss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_contextcss.jpg?x86293)
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![C516_phpinsights](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_phpinsights.jpg?x86293)
PHP Insights
With PHP Insights you can analyze the code quality of your PHP projects. By Nuno Maduro.
Check it out![C516_Ola](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_Ola.jpg?x86293)
Ola
A smooth animation library for inbetweening/interpolating numbers in realtime.
Check it out![C516_Darkside](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_Darkside.jpg?x86293)
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![C516_chinese](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_chinese.jpg?x86293)
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![C516_functional](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_functional.jpg?x86293)
Functional-ish JavaScript
Daniel Brain shows what it means to write code that's functional-ish.
Read it![C516_handui](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_handui.jpg?x86293)
HandUI
A repo by Eugene Krivoruchko that contains examples of UI design for tracked hands in AR/VR featuring remote interaction.
Check it out![C516_fr](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_fr.jpg?x86293)
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![C516_36days](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_36days.jpg?x86293)
36 Days of Type (freebie)
Lascu Marius shares all the characters he created for the 6th edition of 36 Days of Type.
Get it![C516_rocket](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_rocket.jpg?x86293)
Rocket Through Space
Ryan Mulligan created this awesome interactive rocket for the Codepen Space challenge.
Check it out![C516_TIL](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_TIL.jpg?x86293)
TIL (Today I learned)
Manuel Matuzovic shares useful CSS facts.
Check it out![C516_gameshaders](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_gameshaders.jpg?x86293)
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![C516_d3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_d3.jpg?x86293)
Building a better D3 axis
Andy Lee and Colin Eberhardt show how to enhance the D3 axis component.
Read it![C516_appredesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_appredesign.jpg?x86293)
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![C516_vue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_vue.jpg?x86293)
Getting Started with Vue - An Overview and Walkthrough Tutorial
Tania Rascia helps you get started with Vue in this practical tutorial.
Read it![C516_icons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_icons.jpg?x86293)
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![C516_awesomedemos4](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/05/C516_awesomedemos4.jpg?x86293)
Awesome Demos Roundup #4
Another collection of fantastic coding experiments from around the web to ignite your creative fire.
Check it out