Curated by Wenyi Chu

READ MORE
wednesday
09 Jun 2021
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
monday
07 Jun 2021
blitz-js / blitz github.com

Blitz is a batteries-included framework that's inspired by Ruby on Rails, is built on Next.js, and features a "Zero-API" data layer abstraction that eliminates the need for REST/GraphQL.

SHOW MORE
blitz-js / blitz
Development
public-apis / public-apis github.com

A collective list of free APIs for use in software and web development.

SHOW MORE
Development
sunday
06 Jun 2021
slidevjs / slidev github.com

Presentation Slides for Developers

SHOW MORE
slidevjs / slidev
Development
Learn R through examples gexijin.github.io

Aimed for total beginners, this book is written based on the philosophy that people learn faster when they are shown examples and case studies. Instead of explaining the rules, the book largely centers on the analysis of several datasets from the very beginning. So this is an alternative to traditional, more rigorous textbooks on R programming.

SHOW MORE
Development