Curated by Wenyi Chu

READ MORE
thursday
03 Jun 2021
deepfakes / faceswap github.com

FaceSwap is a tool that utilizes deep learning to recognize and swap faces in pictures and videos.

When faceswapping was first developed and published, the technology was groundbreaking, it was a huge step in AI development. It was also completely ignored outside of academia because the code was confusing and fragmentary. It required a thorough understanding of complicated AI techniques and took a lot of effort to figure it out. Until one individual brought it together into a single, cohesive collection.

It ran, it worked, and as is so often the way with new technology emerging on the internet, it was immediately used to create inappropriate content. Despite the inappropriate uses the software was given originally, it was the first AI code that anyone could download, run and learn by experimentation without having a Ph.D. in math, computer theory, psychology, and more.

Before "deepfakes" these techniques were like black magic, only practiced by those who could understand all of the inner workings as described in esoteric and endlessly complicated books and papers.

SHOW MORE
deepfakes / faceswap
Development
wednesday
02 Jun 2021
The CRM is dead. Long live the CDP wiredcraft.com

CRMs are not enough anymore, you need a Customer Data Platform.

What is a Customer Data Platform?

Not unlike a CRM, a CDP collects customer data.

But the similarities end there, with two crucial differences:

  • All users: CRMs focus on known or potential customers, CDPs track all users, anonymous or identified.
  • All data: instead of structured data collected manually or semi-manually, CDPs ingest data produced by any channel: online or offline, structured or unstructured.

More importantly, CDPs handle identity resolution allowing you to create a unified profile of your customers and audience across all channels.

SHOW MORE
The CRM is dead. Long live the CDP
General
Front-End Testing is For Everyone css-tricks.com

Testing is one of those things that you either get super excited about or kinda close your eyes and walk away. Whichever camp you fall into, I’m here to tell you that front-end testing is for everyone. In fact, there are many types of tests and perhaps that is where some of the initial fear or confusion comes from.

Scroll to the end if you lack of time, the wrapping up table is great.

SHOW MORE
Front-End Testing is For Everyone
Development
A guide to the Modern Minimal UI style uxdesign.cc

I called this design style “Modern Minimal”. It’s minimalistic comparing to the other design styles, but at the same time is not as dull and boring as old Material Design or Flat. You can spot many inspirations from the different styles in it (like skeumorphism and glassmorphism, even!) but as you will see, it all works together and it doesn’t exceed certain level of visual complexity.

In general, Modern Minimal style embraces the following characteristics:

  • Bright backgrounds and whitespace
  • Subtle roundness on UI elements
  • Big, readable headings
  • Real-life photography
  • Thoughtful use of colors
  • Focus on contrast
  • Limited use of effects
  • Small details, often illustrated
SHOW MORE
A guide to the Modern Minimal UI style
Design
How To Create an awesome Parallax Scrolling Effect dev.to

GSAP (Greensock Animation API) is an animation library that helps you create awesome animations. It can be used safely (back to IE6!) to create animations without jank, and it’s the only animation library (as far as I know) that handles SVG animations seamlessly.

SHOW MORE
How To Create an awesome Parallax Scrolling Effect
Development
Extreme HTTP Performance Tuning: 1.2M API req/s on a 4 vCPU EC2 Instance talawah.io

This post will walk you through the performance tuning steps that I took to serve 1.2 million JSON "API" requests per second from a 4 vCPU AWS EC2 instance. For the purposes of this recreated quest, we will ignore most of the dead ends and dark alleyways that I had to struggle through on my solo expedition.

Instead, we will mainly stick to the happy path, moving steadily from serving 224k req/s at the start, with the default configuration, to a mind-blowing 1.2M req/s by the time we reach the end.

SHOW MORE
Extreme HTTP Performance Tuning: 1.2M API req/s on a 4 vCPU EC2 Instance
Development
Understanding Ruby Method Lookup honeybadger.io

Ruby lets you express yourself like few other languages, with a minimum of boilerplate. It's fantastic until it isn't. Until one day when you think you're calling the `foo` method you wrote last week, but instead, you end up calling a `foo` method that came with some gem from 2008. In these situations, knowing about Ruby's method lookup rules will save your bacon.

SHOW MORE
Development
tuesday
01 Jun 2021
The new responsive: Web design in a component-driven world web.dev

Today, when using the term: "responsive design", you are most likely thinking about using media queries to change layout when resizing a design from mobile size, to tablet size, through to desktop size.

But soon, this perception of responsive design may be considered as outdated as using tables for page layout.

Viewport-based media queries give you some powerful tools, but lack a lot of finesse. They lack the ability to respond to user needs, and the ability to inject responsive styles into components themselves.

SHOW MORE
The new responsive: Web design in a component-driven world
Design
I made 100 more CSS loaders for your next project dev.to

not 100, not 200 but 300! Yes, a new collection and a total of 300 CSS loaders.

This time, I am going to rely on more elements to create the loaders ... No, I am joking 😜, still only one div per loader, nothing more!

SHOW MORE
I made 100 more CSS loaders for your next project
Design
The business impact of Core Web Vitals web.dev

This article will help you understand how Core Web Vitals correlate with key business metrics by exploring examples of companies which have already see positive impact for their users and business.

Why Core Web Vitals matter to your users and business

Different stakeholders in an organization can have different priorities. Core Web Vitals can bring them all on the same page by focusing on optimizing user-centric metrics and the resulting business growth.

Core Web Vitals as a ranking signal gives additional motivation to invest time in performance, adopting Core Web Vitals has many other short- and long-term benefits beyond ranking.

SHOW MORE
 The business impact of Core Web Vitals
Development