CSS

Toaster

• pure CSS, HTML로 만든 3D 에디터.
• WebGL도 Canvas도 사용하지 않음.

SupportsCSS

• Modernizr처럼 사용자의 브라우저에서 CSS Support를 평가
• @supports 는 container, layer와 같은 at-rules 들을 평가 불가. 이 도구는 가능.

Node

Advanced Fastify: Hooks, Middleware, and Decorators

• Fastify 시리즈. fastify에서 hook, 미들웨어, 데코레이터를 사용하는 기본적인 방법 및 예제를 통한 설명
• Fastify의 데이터 검증 - JSON 스키마

color-names: Large list of handpicked color names

• 매우 큰 색상 이름 목록. 글 작성 시점엔 30126개의 색상에 이름 부여.

got: Human-friendly and powerful HTTP request library for Node.js

• got 13 릴리즈. node 16 필요.
• enableUnixSocket 옵션 기본값 false로 변경 - 대부분의 유저는 필요하지 않음.

Javascript

300ms Faster: Reducing Wikipedia’s Total Blocking Time

• Wikipedia의 TBT(Total Block Time) 개선기.
  • TBT는 FCP와 TTI 사이의 값. 각 렌더링 사이의 50ms가 넘는 지연의 합산.
• 프로파일링 결과 jQuery on 에서 블록킹. 이 부분을 개선.

WEB SHARE API IS A W3C RECOMMENDATION

• Web Share API 가 이제 W3C 권장.
• 공유 가능 대상은 user agent에서 제공.

JavaScript Macros in Bun

• Bun의 새 기능 매크로 - 번들 타임에 JS 함수를 실행 하는 매커니즘

Sharing WebSocket Connections between Browser Tabs and Windows

• 사용자가 탭, 창을 켤 때 마다 소켓연결을 하면 부담. shared worker를 사용하여 단일 연결 하기.
• shared worker 생성하기, 메모리 관리하기 등 기본적인 예제.

Release

• Electron 25.0.0
• Bootstrap 5.3.0
• Parcel 2.9
• Announcing TypeScript 5.1

ETC

Safari allows to configure password autofilling

• safari는 다음과 같은 passwordrules 프로퍼티 제공.
  • <input type="password" passwordrules="minlength: 8; required: lower; required: upper; required: digit; required: [_];">

Announcing WASIX

• WASM ABI 를 개선하고 POSIX와의 호환성을 높인 결과물 WASIX 출시
• WASIX란 애플리케이션을 지금 컴파일 하고 사용할 수 있도록 해주는 시스템 콜 확장.

JMAP

• IETF에서 게시한 오피셜 JSON Meta Application Protocol
• Gmail에서만 작동하는 독점 이메일 API 대안

How to start a Go project in 2023

• 2023년에 go 시작하기
• 설치, 환경설정, 에디터 셋팅 부터 시작하여 패키지 매니징, 프로파일링, 테스트, 도커라이징 등 프로젝트를 시작하는데 도움을 주는 가이드