dev-weekly 2021-09-18


CSS

Less Absolute Positioning With Modern CSS

  • 이미지와 컨텐츠가 겹치는 영역에 있어서 absolute 대신 grid 로 만들기

Orchestrating Complexity With Web Animations API

  • Web Animation API 에 대한 사용법
  • 한번에 여러 애니메이션 제어하기

Creating Kirby With CSS Art

  • CSS만 사용하여 커비(Kirby 캐릭터) 만들기

The Effect of CSS on Screen Readers

  • CSS 작업으로 인해 스크린 리더기가 어떻게 오작동 할 수 있는지 예제들

Javascript color conversion and manipulation library

  • JS로 색상 계산 해주는 도구
  • ex) color.lighten(0.5) // hsl(100, 50%, 50%) -> hsl(100, 50%, 75%)

Node

Fastify in One Minute

  • 1분만에(따라해본다면 약 5~10분) 만드는 Fastify 베이직한 웹 서버

Javascript

Q1K3: A JavaScript Homage to Quake in Just 13KB

  • Q1K3 인기작품

Deno 1.14 Released

  • TS 4.4, V8 9.4 적용
  • Web Crypto API additions
  • File Locking API
  • URL Pattern, 3배 빠른 Url pasing

Demos Over Deadlines

  • composing software로 유명한 에릭 엘리엇의 아티클
  • 소프트웨어 추정 거짓말 - 추정할 수 없는 이유들
  • 앱 개발 비용에 대한 유일한 답변 - “기능의 전체 범위에 따라 다르며 많은 작업을 수행할 때까지 알 수 없습니다.”
  • 기한 대신 날짜가 지정되지 않은 마일스톤 단위로 움직일 것
  • feat. 브룩스의 법칙과 설명들 - 9명의 여성은 한달에 아기를 낳을 수 없습니다 등

https://github.com/mui-org/material-ui/releases/tag/v5.0.0

  • 머티리얼 UI 5.0 릴리즈

Using RTK Query in React Apps

  • ReduxToolKit Query - redux와 react query를 같이 사용하고싶을 때 사용
  • 기능은 React Query와 비슷
  • 아직 생태계가 작고, API 가 변경될 수 있음