Source
Evernote/Technote scraps/The “When Can I Use” Web Widget.md
Summary
Andi Smith 가 개발한 이 웹 위젯은 ‘Can I Use’의 실시간 브라우저 지원 데이터를 차트 형태로 웹 페이지에 삽입할 수 있게 해줍니다. YQL 을 통해 GitHub 의 JSON 데이터를 가져와 사용하며, 기술 블로그 포스트에서 기능 지원 정보를 최신 상태로 유지하는 데 유용합니다. 저자는 로컬 캐싱이나 CDN 활용을 통한 GitHub 부하 완화에 대해 논의하고 있습니다.
Key Points
Andi Smith 의 스크립트로 ‘Can I Use’의 실시간 브라우저 지원 데이터를 차트로 표시
YQL 을 통해 raw.github.com 의 JSON 데이터를 호출하여 구현
웹 기술 블로그에서 기능 지원 정보를 자동으로 최신 상태로 유지하는 용도
GitHub 를 CDN 대용으로 사용하는 것에 대한 우려 및 로컬 캐싱/CDN 대안 논의
TeamWeek: 그룹 작업을 위한 인터랙티브 간트 차트
오프라인 웹 애플리케이션 만들기 (Mozilla 웹 기술 블로그)
WebKit의 웹표준 구현 현황 (2011)
2014-09-15 기술 뉴스 요약
JavaScript 의 현대적 활용 분야 (2019)
ITViewpoint.com: 30분 만에 캔디팡 만들기 영상 소개
홈페이지 구축 조건 및 계획
Yeoman: 도구를 활용한 더 나은 웹 개발
GraphQL 개념잡기 – tech.kakao.com
HTML5 Web App Client-Side Storage 옵션 및 팁
HTTP 클라이언트 라이브러리의 리다이렉트 지원 방식 제안
Web Speech API 소개 및 구현 가이드
HTML5 게임 오프라인 지원 가이드
Web Framework Benchmark Inspired
CSS 최신 동향 파악을 위한 Adobe Web Platform 블로그
The Web Ahead: Jen Simmons 인터뷰 요약
Web Fundamentals 및 Web Starter Kit 리소스
Web Animations API: element.animate() (Chrome 36)
8bit.js: Web Audio API 기반 8비트 사운드 라이브러리
Web Workers: JavaScript 멀티스레딩
Web Push Notifications for a Simple Login System
Google, Web Components 를 웹 개발의 미래로 제시 (2013)
크롬 컨퍼런스 핵심 요약 (Web Components, DevTools, Chrome Apps)
CSS를 이용한 클라이언트 측 전체 텍스트 검색
HTML에서 Javascript와 CSS 기반으로 애니메이션을 구현하는 방법
31 CSS Web Design Galleries You’ll Love
게임 개발팀 A의 정기 회의 매뉴얼
Puppeteer를 활용한 로컬 개발 서버 대체 방안 (web.dev 사례)
HTML is the Web ~ Pete Lambert
Hiding Native HTML5 Video Controls in Full-Screen Mode
VueJS 프로젝트에 Prettier + ES6 Lint 적용
웹 컴포넌트(1): Keep calm and usetheplatform
JavaScript 학습 자료 (2013)
브라우저 개발자 도구의 25 가지 비법 (2011)
Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩
2012년 비즈니스 및 마케팅 트렌드 예측 자료 12선 (슬라이드쉐어)
NDC 2012 강연 자료 링크 모음
HTML5 Video Player Comparison (2011)
미래형 반응형 웹 디자인 (Warpspire)
실시간 웹 협업도구 만들기 (홍영택)
Gittip-links Chrome Extension 개발 기록
웹 증강을 위한 엔드유저 언어: 생산자와 소비자 모두를 위한 접근
Chrome DevTools 모바일 스크린캐스트 및 에뮬레이션
Distributed Web Worker 개발 중 Promise 및 이벤트 처리 이슈
리눅스 환경 HLS 스트리밍 참조 링크 모음
awesome-javascript (스크랩 실패)
Chromecast 에서 Game Boy 에뮬레이터 실행 방법 (개념 증명)
Web Audio API의 Android Chrome Beta 지원 (2013)
The Once And Future Web Platform
대시보드 장착 Nexus 7 및 KITT 테마 커스텀 런처
KT 경제경영연구소 보고서 모음 (니오 필진)
API 산업 초기 단계 및 Daum DNA API Meetup 후기
브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화
Prototype용 선택 상자 플러그인
grunt-usemin을 사용한 프론트엔드 자산 패키징
PC 게임 실행 가능 여부 확인 방법
5 jQuery Notification Plugins
ML 기반 번들링: JavaScript 툴링의 미래
Google Web Designer 출시 예정 (2013)
Web Workers API 개요 및 기본 사용법
HTML5 기반 프리젠테이션 도구 소개
파이썬 urllib를 이용한 웹 소스 출력 스크립트
requestAnimationFrame 사용법
Three.js 시작 가이드 (Aerotwist)
개드립용 크롬 확장 프로그램 만들기 (1 편)
List.js: HTML 리스트의 검색, 정렬, 필터링을 위한 경량 JavaScript 라이브러리
HTML5 Developer Conference 후기 1
Scrapy 로 웹사이트 크롤링 해보기
HTTP Archive: jQuery 호스팅 및 버전 분산 분석 (2013)
HTML5 Canvas 실시간 드로잉 성능 최적화 가이드
Godot 엔진을 활용한 Spine(SD) 애니메이션 실행 가이드
DevTools Continuous Painting Mode를 활용한 페인팅 성능 프로파일링
D3.js를 활용한 한국 지도 시각화 가이드
구독형 디자인 리소스 사이트 5선
Fluid를 사용하여 웹사이트를 맥 메뉴 바 앱으로 변환하기
#)
jQuery 애플리케이션 아키텍처 도구 (Addy Osmani)
Distributed Electronic Rights in JavaScript
크롬 개발자 도구 101
대학생을 위한 웹 개발 공부 체크리스트
JavaScript 성능 향상을 위한 Thread-level Speculation (TLS)
Bower: 웹 프론트엔드 패키지 관리자
북마클릿(Bookmarklet) 정의
Design Patterns in JavaScript (tcorral)
API 하이퍼미디어 형식 선택 가이드 (HAL, JSON-LD, Collection+JSON, SIREN)
곽철용 짤 생성기 개발 후기 (Vue + HTML Canvas)
Chrome M37 Precision Touch (TouchEvents Float Coordinates)
Play Framework 2.2 기반 Facebook Canvas 게임 개발 일지
2011년 KTH H3 개발자 컨퍼런스 Git 발표 자료
동방 프로젝트 기반 3D 게임 개발 중간 보고
Native Navigation (Airbnb)
Chrome 28 베타: 리치 알림(Rich Notifications) 및 알림 센터 도입
운영 분투기
CSS :scope 가상 클래스의 용도 및 동작 방식
2012년 1,2월 브라우저 기술 동향
HTML5 <time> 요소 제거 논란
Web Apps vs Native Apps: The Blurring Line
HTML5 의 핵심: W3C 명세와 실제 웹 플랫폼의 차이
Roll It 생성 사례 연구
2017 웹 개발 트렌드: PWA, 프레임워크 안정화, GraphQL, AI
Scala + Play Framework 2 Server 성능 향상 시키기
Chrome Packaged Apps 개요 및 추천 앱
Google Chrome의 고성능 네트워킹 아키텍처