Chosen: jQuery/Prototype용 선택 상자 플러그인
Source
Evernote/Technote scraps/Chosen - a javascript plug-in for jQuery and Prototype - makes select boxes better.md
Summary
Chosen은 긴 HTML select 박스를 더 사용자 친화적으로 만드는 JavaScript 플러그인입니다. jQuery와 Prototype 두 가지 버전으로 제공되며, 단일 선택과 다중 선택 모두를 지원합니다. 원문은 주로 국가 목록을 예시로 들어 시각적 개선 효과를 설명하고 있습니다.
Key Points
긴 select 박스의 UX를 개선하는 JS 플러그인
jQuery 및 Prototype 프레임워크 지원
단일 선택(Single Select) 및 다중 선택(Multiple Select) 모드 제공
GitHub에서 프로젝트 관리 (harvesthq/chosen)
국가 선택기 재설계 및 selectToAutocomplete 플러그인
좋은 UI를 위한 16가지 아이디어
VS Code 생산성 향상 팁 (vobour)
자바스크립트 프로토타입(Prototype) 개념 정리
List.js: HTML 리스트의 검색, 정렬, 필터링을 위한 경량 JavaScript 라이브러리
CSON (Cursive Script Object Notation)
자바스크립트 디자인 패턴 - 프록시(Proxy)
크롬 개발자 도구 101
CSS :scope 가상 클래스의 용도 및 동작 방식
8bit.js: Web Audio API 기반 8비트 사운드 라이브러리
CSS를 이용한 클라이언트 측 전체 텍스트 검색
상자
HTTP Archive: jQuery 호스팅 및 버전 분산 분석 (2013)
jQuery 애플리케이션 아키텍처 도구 (Addy Osmani)
Requirify: 브라우저 콘솔에서 동적 라이브러리 로딩
ML 기반 번들링: JavaScript 툴링의 미래
GitHub의 jQuery 제거 사례
Web Animations API: element.animate() (Chrome 36)
HTML에서 Javascript와 CSS 기반으로 애니메이션을 구현하는 방법
Three.js 시작 가이드 (Aerotwist)
북마클릿(Bookmarklet) 정의
5 jQuery Notification Plugins
5 jQuery Notification Plugins
D3.js를 활용한 한국 지도 시각화 가이드
Web Workers: JavaScript 멀티스레딩
requestAnimationFrame 사용법
리눅스 환경 HLS 스트리밍 참조 링크 모음
JavaScript 성능 향상을 위한 Thread-level Speculation (TLS)
웹의 병목 현상: JavaScript
VueJS 프로젝트에 Prettier + ES6 Lint 적용
grunt-usemin을 사용한 프론트엔드 자산 패키징
Web Framework Benchmark Inspired
awesome-javascript (스크랩 실패)
Chromecast 에서 Game Boy 에뮬레이터 실행 방법 (개념 증명)
Distributed Electronic Rights in JavaScript
HTTP 클라이언트 라이브러리의 리다이렉트 지원 방식 제안
HTML5 게임 오프라인 지원 가이드
Bower: 웹 프론트엔드 패키지 관리자
Design Patterns in JavaScript (tcorral)
Godot 엔진을 활용한 Spine(SD) 애니메이션 실행 가이드
파이썬 urllib를 이용한 웹 소스 출력 스크립트
PC 게임 실행 가능 여부 확인 방법
JavaScript 기반 분산 컴퓨팅 고려사항
대시보드 장착 Nexus 7 및 KITT 테마 커스텀 런처
JavaScript this 키워드 동작 원리
비동기적 JavaScript
JavaScript 의 현대적 활용 분야 (2019)
2017 년 JavaScript 테스트 개요 (Powtoon Engineering)
웹의 불안전한 JavaScript 사용 관행에 대한 측정 연구
The Web Ahead: Jen Simmons 인터뷰 요약
jQuery 이벤트 핸들링: .on() 사용 권장
CSS 최신 동향 파악을 위한 Adobe Web Platform 블로그
종성 분리 알고리즘
Web Workers API 개요 및 기본 사용법
JavaScript 패키지 매니저의 간략한 역사 (npm, Yarn, pnpm)
풀스택 JavaScript 프레임워크 학습 조언 (Quora)
API 하이퍼미디어 형식 선택 가이드 (HAL, JSON-LD, Collection+JSON, SIREN)
JavaScript 과잉 조직화 (Over-Organizing) 의 적절성
JSWhiz: JavaScript 메모리 누수 정적 분석 도구
The “When Can I Use” Web Widget
자바스크립트에서의 Continuation-passing style (CPS) 소개
JavaScript Promises: 개념, 용어 및 표준화
웹 기반 연산 오프로딩 및 상태 시리얼라이제이션 연구 동향
End-to-End Hypermedia: 미디어 타입 선택 가이드
게임 개발팀 A의 정기 회의 매뉴얼
31 CSS Web Design Galleries You’ll Love
JavaScript 학습 자료 (2013)
Play Framework 2.2 기반 Facebook Canvas 게임 개발 일지
Hiding Native HTML5 Video Controls in Full-Screen Mode
HTML5 Video Player Comparison (2011)
스트리밍 음악 서비스 선택 가이드 (2013)
JavaScript 엔진의 동작 원리 (V8 기준)
2012년 비즈니스 및 마케팅 트렌드 예측 자료 12선 (슬라이드쉐어)
NDC 2012 강연 자료 링크 모음
자바스크립트 객체 더하기 연산의 타입 변환 규칙
Freemarker 템플릿 상속을 통한 레이아웃 관리
Scala + Play Framework 2 Server 성능 향상 시키기
Web Fundamentals 및 Web Starter Kit 리소스
대규모 JavaScript 애플리케이션 설계 및 엔지니어 성장
proxyquire: Node.js require 의존성 오버라이드 라이브러리
CSRF)
Yeoman: 도구를 활용한 더 나은 웹 개발
End-to-End Hypermedia: 미디어 타입 선택 가이드
Distributed Web Worker 개발 중 Promise 및 이벤트 처리 이슈
HTML5 Canvas 실시간 드로잉 성능 최적화 가이드
2017년 주목할 만한 Java 라이브러리 목록
브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화
자바스크립트 메모리 관리 및 4가지 흔한 메모리 누수 대처법
텍스트 교체하기: 5가지 방법 (Swapping Out Text, Five Different Ways)
미래형 반응형 웹 디자인 (Warpspire)
더글라스 크록포드의 작업 철학 및 JavaScript 관점
Simple Ajax 예제
Chrome Packaged Apps 개요 및 추천 앱
웹 증강을 위한 엔드유저 언어: 생산자와 소비자 모두를 위한 접근
HTML5 기반 프리젠테이션 도구 소개
오프라인 웹 애플리케이션 만들기 (Mozilla 웹 기술 블로그)
Java 기반 웹 채팅 서버의 동시성 문제 및 아키텍처 검토
자바스크립트 동작 원리: 엔진, 런타임, 호출 스택
곽철용 짤 생성기 개발 후기 (Vue + HTML Canvas)
Assemble: Handlebars 기반 정적 사이트 생성 도구
Web Audio API의 Android Chrome Beta 지원 (2013)
KT 경제경영연구소 보고서 모음 (니오 필진)