Collective #495
Publikováno: 25.2.2019
Progressive React * Try GraphQL * Tech Productivity * personal-website * Onelineplayer * Pure CSS Drawing Essentials
Collective #495 was written by Pedro Botelho and published on Codrops.
Progressive React
A guide by Houssein Djirdeh on how to optimize React apps.
Pramp – Free frontend mock interview practice
Can you ace an interview? Make sure you can. Pramp, a peer-to-peer mock interviews platform allows you to practice on-demand for free.
<details-menu> element
GitHub’s menus and dialogs work without JavaScript because of Mu-An Chiou’s great exploration of how to use <details> for JS-less popovers. Check out the version for dialogs and Mu-An Chiou’s notes on <details> at Brooklyn JS.
Pure CSS Drawing Essentials
CSS art master Diana Smith shares her top 5 CSS properties she uses in order to produce pure CSS art.
Onelineplayer
A free web video player without branding and quality loss that loads 2x faster than others while supporting HQ previews.
Der Bunt: Color Harmonies (Alpha 1)
A beautiful way to tinker with color spaces and systems.
Tech Productivity
Tech Productivity is a short weekly newsletter for tech professionals with productivity-related tools, articles, and other resources. By Louis Lazaris.
Make your Google Fonts render faster
A tool that generates a small wrapper around Google Fonts that adds font-display support and helps to render text quicker.
Scandinavian Houses: Free Vector Images
A beautiful set of vector houses made by Tatiana Lapina.
Try GraphQL
An interactive GraphQL tutorial made by Ryan Chenkie.
Packing Circles inside a Rectangle
Mike Bostock is exploring a variant on Wang et al.’s circle-packing algorithm to pack circles inside a rectangle.
Improving WordPress Code With Modern PHP
Leonardo Losoviz gives us a tour of the PHP features newly-available to WordPress and suggests how these can be used to produce better software.
Explaining Code using ASCII Art
John Regehr collected some wonderful ASCII code embeds.
personal-website
A repository that gives you the code you’ll need to kickstart a personal website that showcases your work as a software developer.
Silo
A daring and refreshing layout and design. With dark mode option.
Exploring a back/forward cache for Chrome
Learn about the back/forward cache (bfcache) prototype in this article with videos by Addy Osmani.
CSS Variables + calc() + rgb() = Enforcing High Contrast Colors
Josh Bader shows how to make sure colors have enough contrast with Custom Properties.
Visual Studio Code Settings and Extensions for Faster JavaScript Development
Tilo Mitra shares some VS Code extensions and settings for better JS development.
Free Font: Arco
Rafael Olivo Díaz created this playful font.
Blobby Hill
A fun blobby demo by Alex Zaworski.
Interactive Typography Cheatsheet
Christian Heilmann created this helpful cheatsheet that explains some typography jargon. Read more about it in this article.
Collective #495 was written by Pedro Botelho and published on Codrops.