dev-weekly 2021-05-15
CSS, Deno
CSS
Creating Colorful, Smart Shadows
background: inherit;,filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.50)) blur(20px);를 이용하여 이미지의 색상을 유지하는 그림자 생성하기
Auditing Design Systems for Accessibility
- 접근성을 고려해서 디자인 시스템을 만드는 방법
CSS Cuboid Generator
- CSS 직육면체 생성기 feat.codepen
CSS DNA 🧬
- HTML과 CSS로만 만들어진 아티클
Deno
Deno 1.10 Released
- Web Storage API 추가. localStorage 와 sessionStorage 지원
- remote import map 지원
- 향상된 test runner - 처음부터 다시 작성
- 웹워커 직렬화된 모든 데이터를 허용하도록 변경
- WASM 메모리 공유 활성화
Javascript
Angular 12 Released
- Ivy 로의 완전한 전환(view engine 사용 안함) - Ivy everywhere
- 레거시 i18n Message Id 변환
- nullish Coalescing 지원
- 앵귤러 학습을 위한 가이드 문서들 제작
- IE 11에 대한 지원 중단 경고 메시지 포함. 13에서 지원 중단
’Babel Is Used by Millions, So Why Are We Running Out of Money?’
- 바벨의 자금 조달 상황
- 바벨 개발자 중 일부는 정규직으로 돌아가기도 함
- https://opencollective.com/babel
- https://github.com/sponsors/babel
Quick Bits
- Azure Static Web Apps
Articles, Opinions & Tutorials
Why JWT Should Not Be Your Default for Sessions
- jwt의 장점은 확장성. 그만한 규모의 웹이 얼마나 있는가?
- 간단한 구현이 있는데 복잡한것이 왜 디폴트인가?
Code & Tools
Elder.js: An ‘SEO-First’ Svelte-Based Framework
- SEO-First 프레임워크 Elder의 최근 큰 변화
- SSR & SSG 성능 지표