dev-weekly 2024-06-15


CSS

The latest in CSS and web UI: I/O 2024 recap

  • Google IO 2024 - CSS, WebUI 요약
  • Scroll Driven Animation, View Transition, Popover API, Anchor positioning, :user-(in)valid, Text-wrap: balance, pretty, light-dark, @property, etc 등 소개

ETC

News from WWDC24:WebKit in Safari 18 beta

  • webXR 지원
  • view transition API 지원, style query 지원
  • 유니코드 15.1.0 문자 지원
  • 애플페이 자금이제 지원

How To Hack Your Google Lighthouse Scores In 2024

  • Lightlouse는 raw speed가 보다 Usability를 우선시함.
  • FCP, LCP, CLS 점수를 해킹하는 방법
  • Lighthouse는 가이드일 뿐. 사이트 최적화는 이 아티클에서 다룬것과 반대되는 작업 하기.

Firefox Release 127.0

  • https 프로토콜에도 rel="dns-prefetch" 지원
  • https에서 <img>, <audio>, <video> 사용 시 https로 업그레이드. https를 지원하지 않으면 로드하지 않음.

Managing My Motivation, as a Solo Dev

  • 1인 개발자로 셀프 모티베이션 관리하기
  • 외부 소스를 동기부여로 전환 e.g. 구독자가 늘어날 때 마다 나에게 푸시 알림
  • 작업을 미완성 상태로 남기면 다음날 작업 시작하기 쉬워짐
  • 아무것도 하지 않기. 레딧에서 바로 집중 작업으로 넘어가는 것은 어렵지만, 아무것도 하지 않으면 뇌가 진정되고 코드 작성을 시작하는게 어렵지 않음.

Release