CSS

Creating Accessible CSS Art

• CSS Art에 접근성 입히기
  • wrapper에 role="img"을 부여하여 이미지로 인식시키기
  • 대체 텍스트 추가하기
  • prefers-reduced-motion을 통한 애니메이션 비활성화

What’s New With DevTools: Cross-Browser Edition

• 개발자 도구의 기능들
  • Chrome - 지역화
  • FF - 스크롤바 생성한 엘리먼트 표시
  • FF - tab 순서 시각화

On the dl Element

• dl의 장점 - 스크린 리더기
  • 리스트에 있는 name-value의 그룹 수 알려줄 수 있음
  • 리스트에서 얼마나 멀리 있는지
  • 사용자가 관심없으면 건너뛸 수 있는 블록으로 처리

Javascript

Crafting Organic Patterns with Voronoi Tessellations

• 제너레이티브 아트

Threats of Using Regular Expressions in JavaScript

• node의 regex NFA방식의 취약점
• ReDos공격