dev-weekly 2025-02-08

CSS

The Mistakes of CSS

Change font-weight based on the user’s screen DPI

  • DPI에 따른 저해상도 font weight대응

    h1 { font-weight: 300; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	h1 { font-weight: 100; }
}

  • Mac에서 테스트 하기: 접근성 - 확대/축소 - 고급 - 부드러운 이미지 체크 해제. 브라우저 줌 변경, 시스템 줌 변경

Node

Intro to Wasm in Deno

  • Deno에서 WASM 컴파일 및 사용하기

Javascript

Feature: DOM State-Preserving Move

  • 엘리먼트의 상태를 재설정하지 않고 DOM tree에서 엘리먼트를 이동할 수 있는 DOM Primitive(moveBefore) 추가
  • Element, Document, DocumentFragment 같은 부모노드에서 사용 가능.

Which rich text editor framework should you choose in 2025?

  • Tiptap, BlockNote, Lexical, Slate, ProseMirror, Quill, Plate, Remirror, Editor.js, CKEditor, TinyMCE 비교. 각각의 장단점, 실시간 동시편집(대게 yjs 호환)지원 할 방법, 데코레이터 기능 등에 대한 비교.

ETC

Detect license usage restrictions in your project: feluda

  • 프로젝트의 의존성을 분석하고, 라이선스를 기록하고, 퍼스널/커머셜 사용을 제한하는 권한에 플래그를 지정하는 Rsut 기반 커맨드 라인 도구

Release