Collective #495

Original Source: http://feedproxy.google.com/~r/tympanus/~3/3TzaDXf4fm8/

C495_react

Progressive React

A guide by Houssein Djirdeh on how to optimize React apps.

Read it

C495_Pramp

This content is sponsored via Thought Leaders
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.

Get unlimited interview credits

C495_dialog

<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.

Check it out

C495_essentialscss

Pure CSS Drawing Essentials

CSS art master Diana Smith shares her top 5 CSS properties she uses in order to produce pure CSS art.

Check it out

C495_videoplayer

Onelineplayer

A free web video player without branding and quality loss that loads 2x faster than others while supporting HQ previews.

Check it out

C495_colortool

Der Bunt: Color Harmonies (Alpha 1)

A beautiful way to tinker with color spaces and systems.

Check it out

C495_newsletter

Tech Productivity

Tech Productivity is a short weekly newsletter for tech professionals with productivity-related tools, articles, and other resources. By Louis Lazaris.

Check it out

C495_googlefonts

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.

Check it out

C495_scand

Scandinavian Houses: Free Vector Images

A beautiful set of vector houses made by Tatiana Lapina.

Get it

C495_graphql

Try GraphQL

An interactive GraphQL tutorial made by Ryan Chenkie.

Check it out

C495_packcircles

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.

Check it out

C495_wordpress

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.

Read it

C495_ascii

Explaining Code using ASCII Art

John Regehr collected some wonderful ASCII code embeds.

Check it out

C495_personalweb

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.

Check it out

C495_silo

Silo

A daring and refreshing layout and design. With dark mode option.

Check it out

C495_cache

Exploring a back/forward cache for Chrome

Learn about the back/forward cache (bfcache) prototype in this article with videos by Addy Osmani.

Read it

C495_acccolors

CSS Variables + calc() + rgb() = Enforcing High Contrast Colors

Josh Bader shows how to make sure colors have enough contrast with Custom Properties.

Read it

C495_vscode

Visual Studio Code Settings and Extensions for Faster JavaScript Development

Tilo Mitra shares some VS Code extensions and settings for better JS development.

Check it out

C495_font

Free Font: Arco

Rafael Olivo Díaz created this playful font.

Get it

C495_blobby

Blobby Hill

A fun blobby demo by Alex Zaworski.

Check it out

C495_type

Interactive Typography Cheatsheet

Christian Heilmann created this helpful cheatsheet that explains some typography jargon. Read more about it in this article.

Check it out

Collective #495 was written by Pedro Botelho and published on Codrops.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *