Collective #523
Publikováno: 10.6.2019
Function-based Component API in Vue * Brutalist HTML quine * The Anatomy of a Jellyfish * freemium.cc
Collective #523 was written by Pedro Botelho and published on Codrops.

Web Accessibility In Context
Be Birchall explains why it’s so important to prioritize accessibility among teams and why there needs to be more awareness raised among developers.

The CSS Mindset
An article by Max Böck where he lists the essential ideas behind CSS that help understand it better.

The Future of WYSIWYG
Divi takes WordPress to a whole new level with its incredibly advanced visual builder technology. You’ve never built a WordPress website like this before.

404 Error Page Collection
A collection of creative 404 page examples on Awwwards.

The Future of Web Animation
Sarah Drasner shows some bleeding edge animation techniques and gives an outlook on where animation is heading.

Function-based Component API in Vue
Evan You published an RFC for function-based component API in Vue inspired by React hooks.

The Documentation Compendium
Various templates and tips on writing high-quality documentation that people want to read.

Leveling Framework: a UI framework for three-dimensional space
Oscar Gonzalez writes about the interesting concept of a level based view of the interface environment.

Pinker.js
A standalone JavaScript library for rendering code/class diagrams on your web page.

The Anatomy of a Jellyfish
A creative and technical overview of Maru, an interactive audiovisual website made in collaboration with Plaid for their new album “Polymer”. By Isaac Cohen.

3D Frame Illustrator
A free tool for artists and designers to generate framed images in 3D.

CSS Grid: No Nonsense Layouts
A thorough tutorial by Austin Johnston on creating practical CSS layouts.

This page is a truly naked, brutalist html quine.
Leon Bambrick’s creative HTML quine experiment.

freemium.cc
A site that collects awesome tools for makers.

Theme UI
Build consistent, themeable React UIs based on design system constraints and design tokens.

Variable Fonts | Compressa
Juan Fuentes created this beautiful variable font experiment.

Why Text Buttons Hurt Mobile Usability
Read why using text buttons can be a problematic experience for the mobile user.

Free Font: Victor Mono
Victor Mono is a programming font with semi-connected cursive italics and some symbol ligatures.

Growth Case Studies
Tips and case studies by Growth.Design presented in a really cool way.

Your first performance budget with Lighthouse
Ire Aderinokun’s guide on how to enforce a performance budget with Lighthouse.

Breaking the physical limits of fonts
Dale Weiler took an interesting challenge: with the fewest resources possible, render meaningful text.

CSS-only Animated Lantern
A great demo by 7oot inspired by Fede Cook’s Dribbble shot.

Pipe Dream for Laravel
By giving Pipe Dream a minimum of input in form of a sketch/entity list, it will predict your application schema and feed it into a set of pipes. These pipes will generate all the files needed to get started with a new web project really quick.
Collective #523 was written by Pedro Botelho and published on Codrops.