CSS

Smart CSS Solutions For Common UI Challenges

• CSS 영리한 솔루션 모음

  background-image: image-set(
  	"cat.avif" type("image/avif"),
  	"cat.jpg" type("image/jpeg")
  );
  

Analyze CSS

• 웹 사이트의 CSS를 분석해주는 도구
• lines, filesize, rules, selectors, declarations, complexity, at-rules, values, font-size 등 다양한 분석

CSS Only Retro Dungeon Maze Puzzle

• html(pug), css 만으로 만든 게임

Node

Node v17 (Current) Released

• OpenSSL3.0 quictls/openssl 제공. 새로운 FIPS 모듈을 사용하여 지원.
• V8 엔진 9.5로 업데이트
• Readline Promise API

Understanding and Implementing OAuth2 in Node

• Oauth2 샘플 구현 (express, react)

Javascript

What’s New in the Now Fully Released Gatsby 4

• Deferred Static Generation (DSG)
• Server-Side Rendering (SSR)
• Parallel Query Running

https://developer.chrome.com/blog/new-in-chrome-95/

• 크롬 95 출시

Playwright 1.16

• API Test, Response Interception, New HTML reporter

앵귤러 아키텍처 전환을 위한 RFC 게시

• angular를 더 사용하고 쉽고 모듈화하는것이 목표

LittleJS: A Tiny 2D JavaScript Game Engine with Fast WebGL Rendering

• 종속성 없고 60fps에서 1만개 이상의 객체 렌더링

memoize-one 6.0: A Memoization Library with a Simple Approach

• 마지막 호출(invocation)과 argument만 기억하고 다음 호출이 일치하면 캐시된 값을 반환하는 메모이제이션 라이브러리

OpenSilver 1.0: A Modern, Plugin-Free Reimplementation of Silverlight

• 실버라이트 대체제
• WebAssembly를 통해 현재 브라우저에서 실행 가능

ETC

https://vscode.dev/

• vscode 웹버전 출시
• UI관련된 플러그인들 사용 가능, Setting Sync 를 통한 동기화 가능
• File System Access API 지원하는 브라우저는 로컬 폴더 수정 가능
• liveshare 가능
• 아이패드 에서는

https://react.statuscode.com/

• react weekly