dev-weekly 2022-09-24


CSS

The Power of CSS Blend Modes

  • blend 모드를 활용해 이미지 필터 만들기

When is it OK to Disable Text Selection?

  • user-select: none 의 적절한 값들과 사용처
  • 셀렉션 영역의 비 텍스트를 제거하거나, 우발적 선택 방지, 저작권 컨텐츠 보호 등

Dreamy Blur

  • filter 프로퍼티와 svg필터를 이용한 이미지 필터(레이어를 겹쳐서)
  • svg 필터의 각 커맨드는 기본적으로 이전 명령의 출력을 입력으로 사용

Dominant Hand Respecting Design

  • 유저가 주로 사용하는 손을 감지하여 터치 영역을 조정하는 아이디어
  • 저자도 좋은 아이디어 일지 확신하지 못함
  • https://clarity.microsoft.com/

Node

Shell Scripting with Node.js

Real World Node.js Native Binary Compilation with pkg

  • vercel/pkg 를 사용하여 nodejs 네이티브 바이너리 컴파일

Systemd support is now available in WSL

  • systemd에 대한 설명 및 어떻게 지원가능한지 설명
  • 지원 범위 및 설정방법 (wsl 0.67.6 이상에서 지원, 윈10 wsl2에선 미지원)

DOCX 7.5: Generate Word .docx Files from Node or Browser

Javascript

Tesseract.js 3.0: Pure JS OCR for Over 100 Languages

  • OCR 도구 Tesseract.js 3.0 릴리즈 - 러닝 타임 84% 감소, 지원되는 경우 SIMD 사용

A Proposed JS Feature: Extractor Objects

Web based authentication now works for all npm commands

  • CLI 8.19.1 부터 npm login, npm publish 등에 --auth-type=web 을 사용하여 웹 기반 인증 가능

Type-Level TypeScript: The Basics

  • TS의 기본 컨셉들을 소개하고, Type 문제를 풀어볼 수 있는 REPL제공
  • 솔루션도 같이 제공, 문제를 풀면 폭죽 이펙트