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

Ajaxian 인터뷰 YUI 개발자 아담 무어 Satyen Desai, 그리고 루크 스미스의 레이 방고

에릭 Miraglia에 의한 1시 25분 오후시 2010년 4월 30일 |에서 문집 | 2 개의 댓글

Ajaxian의 레이 방고 (및 마이크로 소프트) 지난 주 야후를 방문 , 그는 올렸습니다 그의 인터뷰 YUI 코어 팀 멤버 아담 무어 Satyen Desai, 그리고 루크 스미스 있습니다. 자신의 블로그에 그것을 확인 하거나 아래 소스 인치

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

피터 피터슨의 평점 위젯 : YUI 3 갤러리에서

년 | 8시 46분에서 2010년 4월 28일은 피터 피터슨에 의해 오전 개발 , YUI 3 갤러리 | 4 개의 댓글

나는 완료와 발이 젖지 싶은 위젯 인프라 YUI 3.1.0로 제공되며, 항상 몇 가지 코드를 작성하는 것입니다 그 일을하는 가장 좋은 방법을 생각했습니다. 나는 쉽게 무언가를 원했지만 난 CSS 등급 구현으로 전에서 발견한 것으로 Komodo 미디어 . 결과 위젯은 YUI3 추천 위젯 ( 데모 ). 도구의 작업의 대량는 CSS에 의해 처리되고 Komodo 미디어 문서에 잘 설명되어 있습니다. 그 위젯을 가진 유일한 문제는, 평가는, 페이지가 다시로드되었습니다 않으면 정말 무슨 일이 아무것도 선택하지 않으며 위젯이 포커스를 잃었을 때 그것의 등급을 잃었습니다 한번했습니다. YUI 3 갤러리 평가 위젯 뒀다 곳이에요

프로젝트에 대한 나의 목표였다 :

• 위젯을위한 코드는 YUI 세 위젯을 만드는 방법에 대한 기본 사항에 닿을 정도로만해야
• 위젯은 점차적으로 페이지를 강화할 것이다
• 위젯과 사용자의 상호 작용을 쉽게 캡처합니다
• 원래 디자인에 존재하지 않는 명확한 등급 버튼 추가
• 위젯은 스크린 리더를 사용하는 사람들을위한 접근해야
• 가능한 작은 코드 위젯 죽은 단순 인스턴스와 상호 작용을합니다.

그것은 YUI 로더를 사용하여 페이지에 등급 위젯을 추가하는 쉽습니다 :

 YUI ({
     갤러리 '갤러리-2010년 4월 14일 - 19-47'
 }). ( '갤러리 - 평가', '이벤트'기능 (Y) {사용
     / / 프로그램 논리 ...
 });

당신은 또한에 위치하고있는 이미지 자산과 CSS 파일이 필요 github 이나 갤러리에 자신의 복사본에서합니다.

또는 비어 있습니다 - 단순히 현재의 평가 (5 0 사이의 임의의 숫자)를 포함하고 소스에서 노드를 추가합니다.

 <span id="myWidget"> 2.5 </ span>을

그런 다음 모래에 다음 코드로 위젯을 인스턴스 수

 VAR의 myRating는 = 새로운 Y.Ratings ({srcNode : "# myWidget"});
 myRating.render ();

나는 사용자 정의 위젯을 쉽게하는 것이 중요하다고 생각하고 그래서 생성자에 몇 가지 설정을 추가했습니다. inline true로 설정하면 페이지 (false로 기본 설정)에서 텍스트로 평가 인라인으로 표시됩니다. skin "로 설정할 수 : 위젯의 크기 (예 감소하는 "작은 )

자체에서 평가 도구에는 사용자에 대한 평가의 상호 작용을 설정하는 좀더 않습니다. 조금 더 작업은 실제로 값을 사용하기 위해 수행해야합니다. 전 고려해야 할 도구자에 해당을 떠나요, 해고 이벤트에 콜백을 추가할지 여부를하면 등급 변경, 또는 자동으로 처리하기 위해 위젯을 플러그인을 제공합니다. 등급이 변경될 때마다, 시작하기 ratingChange 이벤트가 발생합니다. 그것은 잡으려면 이벤트 리스너를 설정하는 쉬운 ratingChange 페이지의 모든 위젯의 이벤트. 이 예제에서, 나는 평가 위젯 로그인 srcNode 의 ID, 이전 평가하고 페이지에서 어떤 평가 도구에 대한 새로운 평가 등급 변경 :

 Y.on ( "등급 : ratingChange"기능 (전자) {
   VAR ID = e.target.get ( "contentBox") 얻을 ( "ID").;
   Y.log이 (ID +는 '새 값 : "+ e.newVal +"보낸 사람 : "+ e.prevVal);
 });  

프로젝트에 대한 미래 아이디어 :

• 점차적으로 폼 요소를 강화
• 맑은 등급 버튼을 선택합니다
• 평가 범위 구성 만들기
• 더 많은 스킨 및 CSS 스프 라이트의 조합
• 국제화

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

친코 데 NodeJS - 5 월 BayJax 라이언 달, 엘리야 Insua 및 DAV 유리와 서버측 JavaScript를 유명하지

년 | 11시 23분에서 2010년 4월 27일 에릭 Miraglia에 의해 오전 개발 , 선택 YUI 이벤트 | 3 개의 댓글

BayJax 주최자 곤잘로 콜데로은 또 해당 때가 발표했다 BayJax ,이 시간 우리는 야후에서 친코 데 Node.js와 서버 측 자바 스크립트의 폭발을 축하됩니다. ; 엘리야 Insua, 노드에 대한 주요 DOM의 추상적인 관념 중 하나의 제작자 및 DAV 유리, 그의 작품이 노드에서 실행 YUI 3을 받고 관한 블로그왔다 YUI 엔지니어 라이언 달, Node.js의 창조자 : 우리는 세 가지 환상적인 스피커가 있습니다.

5월 5일에 우리와 함께하시기 바랍니다 @ 야후! 오후 5시 ​​반에서 곤잘로 그것을 그리듯 오후 9시에 본사 : "Sombreros, 판쵸스 및 레슬러 복장이 좋습니다." BayJax Meetup 페이지에서 RSVP .

라이언은 그의 얘기를 이런식으로 설명 :

이곳은 오히려 쓰레드보다 이벤트 루프는 고성능 서버에 필요한 것으로 알려져있다. 자바 스크립트는 스레드의 방해를 언어 및 비동기와 함께 사용하도록 특별히 설계된 I / O, 그건 프로그래밍 서버 소프트웨어의 매력적인 수단을 만드는 evented. Node.js는 이벤트 루프, 차단 시스템 호출을 만들기위한 스레드 풀, 빠른 서버측 소프트웨어를 만드는 브라우저와 유사한 인터페이스를 제공하기 위해 세심하게 설계된 HTTP 파서와 함께 V8 자바 스크립트 컴파일러를 고정하고. 이 이야기는 노드의 설계와 방법을 시작하는 방법을 설명할 것입니다. "

엘리야, 누가 뉴욕에서 Skyping되며, 자신의 프로젝트에 대해 이야기합니다 jsdom 클라이언트측, DOM에 의존 자바 스크립트 Node.js. 하에서 실행될 필수 DOM의 추상적인 관념을 제공 이것은 서버와 클라이언트 측 코드 재사용 결코 가능한 이전 수준을 가능하게하고 진취적인 개선은 우리의 개발 환경의 자연적인, 효율적인 파생물이 될 수 있도록 패러다임 시프트의 중요한 부분입니다.

DAV는 Node.js의 기초, jsdom의 추상적인 관념과 DAV 자신의 작품이 이런 종류의 거대한 약속의 일부를 설명하기 YUI 같은 완전한 구현을 가능하게 jsdom하는 BOM 기능을 추가하는 방법을 실질적인 측면에서 보여주는, 앞으로 이러한 테마를 수행한다 개발. 당신은 YUIBlog (여기에서 DAV의 작품에 대해 읽을 수있는 제 1 부 , 2 부 ).

과거 BayJax의 Meetups에 잡아라

곤잘로 늦게의 BayJax 이벤트의 위대한 시리즈를 구성했습니다. 당신은 혹시 놓친 게 있나요? 여기있는 YUI 극장 시리즈의 최신에 대한 링크 :

• 니콜라스 Zakas, Stoyan Stefanov, 로스 Harmes 줄리앙 Lecomte, 매트 스위니 : 고성능 자바 스크립트 - O'Reilly의 고성능 자바 스크립트를 논의 고급 JavaScript 및 야후에서 2010년 4월 BayJax meetup에서 DOM 스크립팅 최적화에 대한 다섯 기여자.
• 존 Resig : 테스트, 성능 분석, 그리고 jQuery 1.4 - 모질라의 존 Resig, 인기 jQuery 자바 스크립트 라이브러리의 제작자, JavaScript 및 미리보기 jQuery 1.4에서 바로 올 크게 변경 테스트 및 성능 분석에 대한 리뷰 옵션.
• 브래드 Neuberg : HTML5의 소개 - 그것이 같은 SVG / 캔버스, 비디오 태그, 데이터베이스 스토리지, 애플 리케이션 - 캐시 등의 기능을 포함한 최신 브라우저에 적용이되고있어 구글의 브래드 Neuberg는 HTML5로 광범위한 도입을 제공합니다.

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

2010년 4월 24일위한 야생에서

년 | 6시 57분에서 2010년 4월 24일 에릭 Miraglia에 의해 오전 야생에서 | 코멘트 끄기

후에 YUI의 또 다른 멋진 에디션 : 금요일 개관 시간 , 우리는 몇 노트 최근의 노트와 YUI 개발 커뮤니티에서 구현 이번주 둥그스름하게 것이다 :

• Discovery.com에서 YUI 2 : 디스커버리 채널의 미디어가 풍부한 사이트는 다른 구성 요소 간의 YUI 2.8.0 애니메이션과 연결 관리자의 사용을 만듭니다.
  
• "아, 그리고 YUI 3 요즘 니스 실제로보고있다"YUI의 3/Node.js는 @ dalmaer의 검토 작업 : 디온 Almaer는 Ajaxian에서 DAV 유리의 YUI 3/Node.js 작업 살펴 걸립니다. 쓰기의 디온 : "아, 그리고 YUI3 요즘 참 정말 찾고 있습니다. 좋은 API + 정말 멋진 찾고 위젯 + 보안 치료 Crockford's 가치 간의 좋은 밸런스. "
  
• RealCyclist.com에서 YUI 2 : 내 나이에 도로가 가파른 오면 당신이 가볍고 자전거를 찾고 시작합니다. (덜 먹고 덜 비싼 수도 있지만 그것은 덜 재미 있어요.) 만약에 본다면 RealCyclist.com , 당신은 다양한에서 제공하는 사이트에서 쇼핑을 수 YUI 두 구성 요소. 관련 주제에, BonkTown - 비롯하여 거래 사이트 - 또한, YUI 구동이며, 당신은 시간을 재판에 발을 좀 더 공기 역학적하게 신발 커버와 같은 항목을 선택할 수 있습니다.
  
• YUI 두 DataTable의, 탭 컨테이너를 사용하여 무료 시험 - 추적기 얼마나 오래 : 토드 웰스는 얼마나 오래 대해 우리에게 얘기를 쓴 " 얼마나 오래가 각 테스트의 성격을 분석, 논리적인 그룹으로 그들을 구성, 자동 및 수동 테스트 결과를 저장하는 무료 도구입니다 실패하고, 유용한 통계를 제공하기 위해 결과 데이터를 사용합니다. 그것은 컨테이너, 이벤트, DataTable의, 버튼 및 TabView를 포함하여 광범위하게 YUI이 라이브러리를 사용합니다. "( 원본. )
  
• AJAX [와 YUI]를 사용하여 백그라운드에서 PHP 스크립트를 실행합니다 : Mindraven 아웃 스케치 포스트가 PHP를 백그라운드 작업을 시작하는 방법을 사용 토마스 샤의 YUI 연결 관리자를 .
  
• DesarrolloWeb.com에서 YUI에 스페인어 소개 : DesarrolloWeb.com의 팀이 함께 싣고 네 스페인어 언어 연재 YUI에 웹 개발자를 introducting , YUI 3 , 간단한 이벤트 , 그리고 YUI의 CSS 클래스를 추가 / 제거를 . 그들의 YUI 매뉴얼 "pretende ofrecer 우나 세리 드 artículos teóricos Y prácticos 드 라스 librerías YUI, 취소 프레임 워크 자바 스크립트 Y CSS를."
• Y! 검색 엔지니어 @ bretts은 그의 외부 행사 갤러리 모듈에 대해 쓴다 : 야후 검색의 브렛 Stimmerman는 dicsusses 그의 새로운 외부 행사 YUI 3 갤러리위한 모듈. 외부 이벤트 "요소들을 외부에서 발생하는 DOM 이벤트에 가입할 수 있습니다. 그것이 가입자 자체, 또는 가입자의 조상 중 아닌 경우 대상 이벤트는 가입자 밖에서 발생합니다. "( 원본. )
  

얼마나 우리가 놓친거야? 저희를 통해 알려주 @ yuilibrary 또는 아래의 댓글 (당신이 복고풍 느끼신 경우).

계속 지켜봐 주시기 바랍니다 : Ajaxian에서 레이 방고는 어제 야후가 중지 및 YUI 엔지니어 루크 스미스 Satyen Desai 아담 무어와 비디오 인터뷰를 기록했습니다. 해당 세션, 플러스 BayJax 이벤트 주최자 곤잘로 콜데로와 이야기가오고 주만에 Ajaxian에서 실행되어야합니다.

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

YUI 극장 - 아담 Granicz : "WebSharper있는 강력하고 신속한 웹 개발"(57 분).

4 월 23 일 에릭 Miraglia에 의해 오후 8시 49분시 2,010 |에서 개발 , YUI 극장 | 2 개의 댓글

아담 Granicz는 얘기를 이번 주 초에 야후에 의해 중지 F # 프로그래밍 언어 웹 응용 프로그램 개발 및 이용.

Granicz의 회사, Intellifactory는 , WebSharper 플랫폼을 생산하고 있습니다. WebSharper가되는 F # 지역 사회에서 역할을 채우고 GWT 풍부한 웹 애플 리케이션 배포와 강력하게 형식화된, 빠르고, 긴밀하게 통합된 개발 환경을 약속하고, 이와 유사한 도구는 자바 커뮤니티에 기입합니다. 마찬가지로 Fybit의 Riatrax4JS 및 yui4java는 자바 개발자를위한 수행 WebSharper은의 힘을 가져다 YUI 2를 사용할 수 YUI 위젯 다양한 만들기, F # 개발자.

아래에 삽입 비디오 선택의 RSS 리더에서 제대로 표시되지 않는 경우 반드시 YUI ​​극장에서 비디오의 고해상도 버전을보고 클릭을 통해 .

• 다운로드 HD 비디오 (480p ~ 5백72메가바이트)
• 다운로드 동영상 (m4v)

기타 최근 YUI 극장 동영상 :

• 니콜라스 Zakas, Stoyan Stefanov, 로스 Harmes 줄리앙 Lecomte, 매트 스위니 : 고성능 자바 스크립트 - O'Reilly의 고성능 자바 스크립트를 논의 고급 JavaScript 및 야후에서 2010년 4월 BayJax meetup에서 DOM 스크립팅 최적화에 대한 다섯 기여자.
• 더글러스 Crockford : 자바 스크립트에 대한 Crockford - 제 5 부 : 모든 사물의 끝 - 야후의 자바 스크립트 아키텍트 더글라스 Crockford는 보안과 자바 스크립트의 성능과 관련된 문제의 검토와 자바 프로그래밍 언어에 그의 다섯 부분으로 강의 시리즈를 마칩니다.
• 더글러스 Crockford : 자바 스크립트에 대한 Crockford - 에피소드 IV : 아약스의 변형 - 야후의 자바 스크립트 아키텍트 더글라스 Crockford가 문서 객체 모델 (DOM)과 에이 잭스의 탐사 분석과 자바 프로그래밍 언어에 그의 강의 시리즈를 계속합니다.
• 더글러스 Crockford : 자바 스크립트에 대한 Crockford - 법률 III : 기능 궁극 - 야후의 자바 스크립트 아키텍트 더글라스 Crockford는 자바 스크립트 함수의 논의와 자바 프로그래밍 언어에 그의 강의 시리즈를 계속합니다. '기능은 자바 스크립트의 가장 좋은 부분이며,'Crockford는 말합니다. '아름다움이 어디 전원이 어디 그게, 그건. " 왜 학습 비디오를보세요.
• - : 더글러스 Crockford 제 2 장 자바 스크립트에 대한 Crockford : 그럼하며 JavaScript가 발생했습니다 - 야후의 자바 스크립트 아키텍트 더글라스 Crockford는 자바 스크립트 프로그래밍 언어의 기능을 조사.
• 더글러스 Crockford : 자바 스크립트에 대한 Crockford - 볼륨 1 : 초기 몇 년 - 더글러스 Crockford는 컴퓨터의 초기 수십 년간 자신들의 뿌리로 돌아가 언어의 구조와 협약 (및 그 만지면 일부)를 추적하고, 그 적절한 역사적 맥락에서 자바 스크립트 프로그래밍 언어를두고 과학.

YUI 극장에 가입 :

• YUI 극장 RSS 피드
• 아이튠즈에서 YUI 극장

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

YUI : 개관 시간 금요일, 4월 23일

4 월 22 일 눅 스미스에 의해 오후 12시 32분시 2,010 |에 개발 | 4 개의 댓글

YUI의 옆에 할부 : 개관 시간은 23 일 내일입니다!

첫 번째 개관 시간은 약 30 년에 입사 사람과 두 로렌 스미스의 몇 가지 훌륭한 대화 및 피드백으로 큰 성공이었다 YUISand 갤러리 모듈 뿐만 아니라 YUI입니다.

태평양 서머 타임 오후 12시 - 시간은 오전 10시, 이전과 동일합니다. 이번주에 주요 의제 항목 소개 및 코드 검토 될 것입니다 에릭 Ferraiuolo 의 구성 요소 관리자 갤러리 모듈 . 나는 또한 "YUI 3 팁 또는 속임수"피곤과 함께 대화를 열기 시작 할거야.

이번 주, 우리는 동료 YUIer에 합류하게됩니다 Satyen Desai ( @ dezziness ), 뒤에 리드 건축가 특성 , 자료 , 그리고 위젯 YUI 3의 인프라 조각. (당신이 이벤트 전에 Satyen를 충족하려는 경우, 당신은 YUI 극장에서 그렇게 할 수 있습니다 .)

이전과 마찬가지로, 계획은 어도비가 화면 공유를 연결하고 회의 브리지를 통해 음성을 사용하는 것입니다. 이것이 참여를위한 정보입니다

1. 1-888-371-8922 (미국 이외의 참가자는 지역 번호를 나에게 이메일)에 전화 걸기
2. 참석자 코드 47188953을 입력합니다
3. 화면 공유 세션에 참가 (이것은 그것을 처음 사용하는 경우 이것이 당신이 어도비 커넥트 플러그인을 설치하라는 메시지가 나타납니다)

그리고 처음으로 YUI와 함께 언급 : 개관 시간, 당신은에 따라 향후 일정과 주제로 최신 유지할 수 @ yuilibrary를 트위터에 또는에 가입 YUI 이벤트 캘린더 .

이것이 당신이 YUI에 대해 읽은 첫 번째 경우 : 개관 시간, 그것은 자신과 YUI 커뮤니티에서 다른 YUI 팀 구성원과 좋은 마음과 열린 포럼입니다. 당신은 수있다 여기에 대한 자세한 내용을보실 .

거기서 당신을보고 싶습니다!

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!

YUI 극장 - 니콜라스 Zakas, Stoyan Stefanov, 로스 Harmes 줄리앙 Lecomte, 매트 스위니 : "고성능 자바 스크립트"(92 분).

년 | 10시 36분에서 2010년 4월 21일 에릭 Miraglia에 의해 오전 개발 , YUI 극장은 | 코멘트 끄기

야후에서 BayJax의 meetup의 2010년 4월 에디션 다섯 연사 기능을 갖춘 누구의 모든 라일리 (에서 새로운 고성능 자바 스크립트 볼륨에 공동 저자이다 여기에서 무료의 장 ). 이 야후의 중심부에 URL을 카페를 작성 약 200 참석자였다, 그들 다섯 분명히 흥미가 웹 응용 프로그램의 성능에 소요 들었어요.

아래에 삽입 비디오 선택의 RSS 리더에서 제대로 표시되지 않는 경우 반드시 YUI ​​극장에서 비디오의 고해상도 버전을보고 클릭을 통해 .

• 다운로드 HD 비디오 (480p ~ 5백72메가바이트)
• 다운로드 동영상 (m4v)

기타 최근 YUI 극장 동영상 :

• 더글러스 Crockford : 자바 스크립트에 대한 Crockford - 제 5 부 : 모든 사물의 끝 - 야후의 자바 스크립트 아키텍트 더글라스 Crockford는 보안과 자바 스크립트의 성능과 관련된 문제의 검토와 자바 프로그래밍 언어에 그의 다섯 부분으로 강의 시리즈를 마칩니다.
• 더글러스 Crockford : 자바 스크립트에 대한 Crockford - 에피소드 IV : 아약스의 변형 - 야후의 자바 스크립트 아키텍트 더글라스 Crockford가 문서 객체 모델 (DOM)과 에이 잭스의 탐사 분석과 자바 프로그래밍 언어에 그의 강의 시리즈를 계속합니다.
• 더글러스 Crockford : 자바 스크립트에 대한 Crockford - 법률 III : 기능 궁극 - 야후의 자바 스크립트 아키텍트 더글라스 Crockford는 자바 스크립트 함수의 논의와 자바 프로그래밍 언어에 그의 강의 시리즈를 계속합니다. '기능은 자바 스크립트의 가장 좋은 부분이며,'Crockford는 말합니다. '아름다움이 어디 전원이 어디 그게, 그건. " 왜 학습 비디오를보세요.
• - : 더글러스 Crockford 제 2 장 자바 스크립트에 대한 Crockford : 그럼하며 JavaScript가 발생했습니다 - 야후의 자바 스크립트 아키텍트 더글라스 Crockford는 자바 스크립트 프로그래밍 언어의 기능을 조사.
• 더글러스 Crockford : 자바 스크립트에 대한 Crockford - 볼륨 1 : 초기 몇 년 - 더글러스 Crockford는 컴퓨터의 초기 수십 년간 자신들의 뿌리로 돌아가 언어의 구조와 협약 (및 그 만지면 일부)를 추적하고, 그 적절한 역사적 맥락에서 자바 스크립트 프로그래밍 언어를두고 과학.

YUI 극장에 가입 :

• YUI 극장 RSS 피드
• 아이튠즈에서 YUI 극장

[ 니콜 설리반에 의해 사진 ;. 종류의 허가에 의해 사용]

대화 찾기 : bloglines | 테크노

공유하고 확장할 수 : del.icio.us에 북마크 | 디그 그것! | reddit!