Curated by Wenyi Chu

READ MORE
thursday
10 Jun 2021
Building a color scheme web.dev

A foundational overview of how to establish a dynamic and configurable color scheme

Amazing and detailed, 100% recommend

SHOW MORE
Building a color scheme
Development
CSS size-adjust for @font-face web.dev

As a web font loads, you can now adjust its scale, to normalize the document font sizes and prevent layout shift when switching between fonts

SHOW MORE
CSS size-adjust for @font-face
Development
What the Fastly outage can teach us about writing error messages onlineornot.com

We as developers should take the Fastly outage as an opportunity to improve our error messages. You never know when your witty in-joke might end up being seen by hundreds of millions of internet users, so just try to be helpful, and explain

SHOW MORE
What the Fastly outage can teach us about writing error messages
Development
wednesday
09 Jun 2021
App store or web? Why not both!? dev.to

Most app development technologies force teams to make hard decisions about where they will distribute their apps, usually either app stores as a native app or the web as a Progressive Web App.

Capacitor, a universal app runtime, avoids these tradeoffs by targeting one universal runtime (the web), and giving you maximum optionality for where you distribute the app that you build. You can deploy your app with one codebase anywhere your users are, even if that happens to change! That might mean the app stores today, but it could mean the web and desktop tomorrow.

SHOW MORE
App store or web? Why not both!?
Development
Hexagons and Beyond: Responsive Grid Patterns, Sans Media Queries dev.to

Since the rise of Flexbox and CSS Grid, everyone is claming the same: "float is dead!", "stop using float!" but I'm here to resurrect our old friend float to create complex and responsive layouts that you cannot achieve using flexbox and CSS grid. All this without any single media query.

I know, it's hard to believe. So let's start with a working demo:

SHOW MORE
Hexagons and Beyond: Responsive Grid Patterns, Sans Media Queries
Development
jakezatecky / d3-funnel github.com

A JavaScript library for rendering funnel charts using the D3.js framework

SHOW MORE
Development
The Modern Guide to OAuth fusionauth.io

OAuth 2.0 is a set of specifications that allow developers to easily delegate the authentication and authorization of their users to someone else. While the specifications don’t specifically cover authentication, in practice this is a core piece of OAuth, so we will cover it in depth (because that’s how we roll).

What does that mean, really? It means that your application sends the user over to an OAuth server, the user logs in, and then the user is sent back to your application. However, there are a couple of different twists and goals of this process. Let’s cover those next

SHOW MORE
The Modern Guide to OAuth
Development
Google changes Core Web Vitals metrics; How to use lab and field data for optimization searchengineland.com

Core Web Vitals are grand performance metrics related to speed that factor in towards achieving a stable, viewable, and usable experience given a device viewport and including offscreen content up to 9000 vertical pixels. Faster is better, which typically means lower metrics evaluations are better.

SHOW MORE
Development
tuesday
08 Jun 2021
What is gun.js? dev.to

Lately a technology that has been calling my attention is Gun.js, besides being easy to use it also has a very interesting concept about how we should see data, usage and rights over it. Today I'm going to talk a little more about what gun.js is, as well as discuss Decentralized web concepts

SHOW MORE
What is gun.js?
Development
How to auto-document the database schema of your Rails app dev.to

An entity relationship diagram (ERD) shows the tables, columns and relations in a relational database schema. To auto-generate an ERD for a specific version of your code directly from the database, you can use the rails-erd gem. It does this by:

  • Gathering database meta data through active record (it uses ActiveRecord so it’s database independent).
  • Analyzing the schema and then generating a DOT file, which can be processed into a PDF.
  • Bundling all of this up into a rake task, which you can use to update the ERD when you modify the schema.
SHOW MORE
How to auto-document the database schema of your Rails app
Development