야후 사용자 인터페이스 블로그 (YUIBlog)

Assembla.com에 구현 유이 애자 도우미

빠르고 즐겁게 -에 대한 사용자 요구했다 새로운 Assembla.com 애자 도우미 출시 일정 그들로 및 인터페이스 AJAX를 프로그램 - 작업을위한 추가 개발 건물 이야기를, 개요 기능 /. 우리가해야 운이 좋았 유이 세 뿐만 아니라 수 있도록 빨리 그것을 구현하는 즐거움.

내가 사용했다 유이 2 및 이전 프로젝트의 여러 난 인프라 라이브러리의 근간이되는 공학에 있었다 감동의 UI 구성 요소 및. 난 유이 세에 대해, DOM을 조작 및 CSS3 스타일 선택자에 컴팩트한 문법과 깊은 집중을 통해 자세한 내용을 보려면 싶었어요. 에 대한 낮은 의존도와 함께이 프로젝트는, 'prebuilt 위젯,'내 발이 유이 3 젖지 수있는 완벽한 기회가되었다. 사용자 지정 모듈과 유이 로더와의 통합을 통해 '큰 애플 리케이션의 구현을위한 시설은 자연 선택했다.

애자 일 플래너는 여러 상호 작용 그룹과 문맥 기반의 행동과 드래그 앤 드롭 사용자 상호 작용의 숫자를 지원합니다. 동시에, 그것은, 서버에서 새로운 데이터를 합병하고 서버로 변경 내용을 전파를 포함하여 서버와 상호 작용의 복잡한 집합을 처리합니다.

우리는 레일 처리기와 Prototype.js를 기반으로했던 기존의 플래너에 향상. 유이의 샌드 박스의 철학 및 강력한 웁에서 탔어요 시설 Prototype.js와 바람이 공존했다.

우리는 포함 유이 구성 요소가 다수를 사용 :

• 비동기 - 대기열 1000 + 동시 티켓을 포함 수있는 페이지에 민감하게 반응하는 경험을 제공하기 위해
• 드래그 앤 드롭 상호 작용 그룹.
• 입출력 대기열 및 마사지 서버의 상호 작용에 대한 연결 관리자로.
• 이벤트 - 대리인은 단순히 템플릿 HTML을 보습하고 그들을 잊고 수 있도록.
• 이벤트 키보드 상호 작용 및 탐색을위한 열쇠.
• 컬렉션 우리에게 브라우저 일관된 구현 경험을 제공합니다.
• 쉬운 단기 UI를 지속성에 대한 쿠키.
• 프로필러가 가장 큰 속도 향상을 찾을
• 유이 의사가 팀원에 대한 정보를 떠나

이런 애플 리케이션에 유이 3과 근무는 재미를했습니다, 그리고 Google 사용자가 다음은 어떻게 우리를 촉구 어떤 의견을 기대 해요!

저자에 관하여 : 요아킴 라슨은 Assembla.com 프론트 엔드 엔지니어와 함께합니다.

: 찾기 대화 bloglines | 테크노을

공유하고 확장할 수 : 즐겨찾기에 추가 del.icio.us으로 | 그것 Digg에! | reddit!