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

2010년 11월 19일에 대한 야생에서

YUI 팀, 우리의 가장 친한 친구 중 약 250가에 초점을 맞춘 11월 8일의 주 동안 YUIConf 2010 , YUI 엔지니어 제니 국 도넬리입니다 (DataTable의 명성)에 의해 조직. 제니는 이벤트의 좋은 요약을 쓴 여기있는 모두가 느낀 것과 똑같은 걸 느끼게 될거야, : 그것은 최고의 YUIConf이었고, YUI 커뮤니티 매년 크기와 깊이 모두에서 증가하고있다. 우리는 모든 회담에 날아되었고, 우리는 YUI 극장 요정 동영상을 나가 두 시간 노력하겠습니다.

우리는 (우리가 다산의 모든 짹짹을 읽고 있지만 우리의 RSS 피드에 약간 늦어을 찍었을 수도 트위터에 # yuiconf 스트림 ), 그래서 이번주는 야생에 몇 항목에 공을 드롭 수 있으며, 우리가 의견이나 알려주 @ yuilibrary 우리가 중요한 무언가를 놓친 경우.

• 주요 호주 부동산 사이트에서 YUI 3 : 마크 Rall는 (@ codeinfront) 우리 YUI 3 구동 주요 호주 부동산 사이트에 대해 알려 tweeted. ( 원본. ) #
  
• C | 인터넷의 스티븐 Shankland는 가장 최근의 GBS 업데이 트에 대해 설명합니다 : 최근에는 등급 브라우저 지원 업데이트 , 우리가 Q1 2011 년 IE6을위한 A - 급 추천을 종료 예상 있다고 언급했다. "2001 년 도입 IE6는 많은 웹 표준을 많은 오래된 것들에 대한 지원뿐만 아니라 중요한 새의 호스트 부족 것들을하고 : 스티븐 Shankland이 말을했다 네트워크 |이 예보는 C에서 이상를 포함, 대화를 많이 생성 역동적이고 풍부한 사이트의 새로운 시대에 필수적인 웹 기반 자바 스크립트 프로그램을 처리에서 연약한입니다. 그것은 또한 보안 위협에 더 취약하다는. IE6 사용량이 점점 잃고있는지만 그것이 기업 컴퓨팅 환경에서 이동시키다는 Windows XP와 하드에 내장된이기 때문에, 그것은 부분적으로 여전히 일반적입니다. 브라우저에 타격을 다루고, 블로그 게시물에서 YUI 개발자 에릭 Miraglia와 매트 스위니는 야후가 2011의 첫 번째 분기에서 'C - 그레이드로 이동, Internet Explorer 6의 A - 등급을 중단할'를 기대했다에있어 더 많은 시간 때문에 모바일 브라우저 및 기타 중요한 새로운 영역에 중점을두고 있습니다. " #
  
• YUI 3을 통해 귀하의 페이지에 데이터의 미리보기를 저장 : 앤드류 Wooldridge는 YUI 3 자습서 자신의 세트를하고 있습니다. 앤드류의 글을 참고하세요 : "나는 일부 YUI3에 파고 할 때마다, 정말 재미있고 유용한 것들을 찾으십시오. 예를 들어, Node.getData ()와 Node.setData ()을 가져가라. 이 작은 방법을 사용하면 특정 노드와 관련된 정보를 저장할 수 있지만, 당신은 이러한 방법을 사용하는 몇 가지 사용자 정의 속성을 만들거나 자신의 독립적인 데이터 저장 개체를 추적할하려고해야 없다. 방법으로, 당신은 귀하의 페이지에 요소를 어떤 종류의 정보를 연관시킬 수 있습니다하고 노드를 찾아서 데이터 요구에 의해 복구할 수 있습니다. 이것은 노드가 키를 어디에 귀하의 페이지에서 데이터베이스를 가지고 같은거야. " #
  
• YUI 3 빠른 팁 : 조건부 DataURI'd CSS 또는 MHTML로드 : "당신은 이미 마찬가지로 CSS의 일부를로드 YUI 3 로더를 사용하는 경우 : 팻 Cavit 좋은 팁 그가 YUIConf에서 YUI 엔지니어 아담 무어의 포착을 썼습니다 몇 가지 사이트에 대해이 정말 쓸모 올 수 마십시오. 당신은 또한 조건부 주석을 통해 이것을 할 수 있지만,로드되는 경우에 발생했을 때 당신은 제어할 수 없습니다. 트릭은 일반 모듈에서 실행할 수 MHTML 모듈의 트리거를 정의하는 것입니다, & 또한 MHTML 모듈이 일반 하나를 대체합니다 있는지 확인하십시오. 그렇다면, 그것은 단순한 UA 검사 또는 false / true를 반환 테스트 기능 중 하나를 설정하는 간단한 문제입니다. " #
  
• 속도 스크 래블 온라인 YUI 2.8와 내장 : SuperNifty의 속도 스크 래블 온라인 YUI 2.8의 유틸리티 수집 및 TreeView와 ProgressBar와 같은 위젯을 활용합니다. ( 원본. ) #
  
• 삽입 (단순) YUI @ 삼부작의 북마크와 모든 페이지에이 : 앤드류을 씁니다 : "나는 웹 작업 시간 후에, 당신이 몇 가지 편리한 bookmarklets을 축적하는 경향이 확신 해요. 네가 나를 위해 충분한 것들을 절대 수있다는 것을 알고. 나는 어떤 상황 합류 그들을 만드는 발생한 참고 확신하지만, 그들은 종종 매우 유용합니다. 당신은 YUI 작업 자신을 발견하고 사이트를 통해 실행하면 당신은 아마도 데모 또는 대해 Firebug보다 향상된 도우미 위해 주변을 깨끗이하고 싶어 -이 북마크를 사용할 수 있습니다 ... "( . 원본 ) #
• 주의 YUI 관련 짹짹짹 : 이번 주에 우리는 미소를 만들어 짹짹 : #
  

: 대화 찾기 bloglines | 테크노를

공유 및 확장 : del.icio.us로 스크랩 | 디그 그것! | 레딧!

2010 년 11월 1일에 대한 야생에서

YUIConf 2010 저 모퉁이를 돌면이며, 우리는 기다릴 수 없습니다. 여기에 우리가 그 동안 나타났습니다 몇 가지는 다음과 같습니다

• YUI 3 새 야후 메일 베타에 : 마이크 커티스 YDN 블로그 포스트에 새 야후 메일 베타에 대한 YUI 3 사용을 쓴다 : "자바 스크립트의 경우, 우리는 YUI3를 사용하기로 결정했습니다. 야후 메일 베타 버전은 밑바닥부터 YUI 프레임 워크를 사용하여 만들어집니다. YUI의 큰 장점 중 하나는 앞에 모든 다운로드 반대 필요에 따라 우리 도서관에서 당길 수 있도록, 그것이 모듈의 것입니다. 마크업을 현대화와 JavaScript에 대한 YUI3를 사용하면 35%, 엄청난 성능 승리하여 응용 프로그램에 대한 전체 다운로드 크기를 감소. "체크 아웃 여기에 전체 문서를 . #
  
• 샘 스티븐슨 자료 Hork : 37signals에서 샘 스티븐슨, 원형 자바 스크립트 라이브러리의 저자는, Hork라는 새 프로젝트를 발표했다. 샘에 따르면, "Hork은 투명 YUI 압축기와 JS & CSS ​​자산 압축에 대한 약간의 랙 미들웨어입니다."( 원본은. ) #
  
• YUI 3.2.0로 출시 길드 전쟁이 사이트 + 갤러리 : 팻 Cavit ( @ tivac ) 에서 작성한 새 길드 전쟁 사이트에 대한 정보를 알려주 있습니다. "우리는 시작 http://hom.guildwars2.com 완전히 YUI 3 전원 사이트입니다. 그것은 에릭 Ferraiuolo의 오버레이 플러그인, 라이언 그루브의 역사 모듈, 몇 가지 (이제 갤러리에) 맞춤식 anim 플러그인, 일반 애니메이션 모듈)의 활용, [및] 로더 / 기본 / 이벤트 별걸 다 만들어. 또한 무겁게 새로운 전환 모듈을 사용합니다. "( 원본합니다. ) #
  
• "YUI Pt.3 학습 - SimpleYUI하고 API 산책"(경유 @ 삼부작) : 앤드류 Wooldridge가 SimpleYUI과에서 표정으로 YUI 3이 시간에 자습서 자신의 시리즈를 계속 Y.log . "SimpleYUI는 우편으로 그 치즈 samplers 중 하나를 가질 것이다. 당신은 큰 헌신을 위해 가야 해 없다,하지만 당신은 나중에 할 수도 있습니다 안전 많은 걱정없이 많은 것들을 밖으로 시도해 볼 수 있습니다. 내가 만든 SimpleYUI에 대한 방문 페이지를 하지만, 요약의 모든 것을 걱정하지 않고 YUI 가지고 노는 것과 같은. 사용 () 물건, 또는 익명 함수는 등 그것은 당신이 처음 경험 jQuery를하는 방법을 같은 많은 . 당신이 앞에 강력한 기능을 많이 얻는다면, 당신은 단지 하나의 JS가 필요 + 코드의 몇 라인을 시작합니다. 좋은 예제, 체크 아웃 에릭 Miraglia에서이 페이지를 . SimpleYUI 당신에게 DOM, 이벤트 (및 사용자 정의 이벤트!) 전환, 그리고 AJAX를 제공합니다. 그냥 플랫 시간이 귀하의 사이트에 대한 몇 가지 애니메이션이나 재미있는 효과를 추가하려는 사람을위한 완벽 해요. " 전체 writeup은 여기 . #
  
• YUI 3 포트 @ pamelafox에서 몽타주 메이커 : 파멜라 폭스는 그녀를 진정 포트 몽타쥬 메이커의 YUI 3 응용 프로그램을 - 그리고 지금, 그녀는 말한다, 그것은 모두보다 빠르고 안정. ( 원본. ) #
  
• @ apipkin에서 JsFiddle에 YUI 3 간단한 목록 관리자 : 안토니 작은 옹기병 공유 그가 쓴 조금 목록 관리자 - YUI 3의 본질적인 능력과 또한 jsFiddle의 계속 증가하는 유용성을 강조. ( 원본. ) #
  
• YUI 3 2에서 3으로 기반 보안 - TSPlayer 관리자 : Caridy 누구 관리자 섹션 2에서 3 메커니즘을 통해 YUI 3의 사용뿐만 아니라 DataTable의 같은 YUI 두 구성 요소를 만드는 보안 - TSPlayer 드림위버 플러그인을 지적했다. #
  
• @ bruciemoose에서 YUI 3을 기반으로 테이블 : 앤드류 브루스 YUI 3 테스트 주도 개발과 놀아되었습니다. 결과 : 간단한 테이블 구현. "내 고객 중 한 있으시다면, 당신은 내가 최근에 안해서 의아해 수 있습니다. 여기 이유 : 나 자신 (의 더글러스 Crockford의 지시에 따라 자바 스크립트를 '어른'교육 봤는데 도서 및 비디오 분명히 양식). 그가 그것을하지 않기 때문에 Crockford는 아마도, 테스트 기반 개발을 언급하지 마십시오. 하지만, 내가 자바 스크립트 too.So 이곳은 것을 할 학습 있었 할 HTML5 캔버스 테이블 . 탁구는 효과적 안녕하세요, 세계! 응용 게임 개발자를위한. 그것은 특히 재미 없잖아, 안 제 버전은 재미난 버그가 가득 .... "당신이 할 수 여기에 전체 게시물을 읽고 , 또는 에서 점프하고 시도해 게임을하다 . #
• JsFiddle는 SimpleYUI 지원을 추가합니다 : jsFiddle 팀 자체를 인스턴스와 글로벌 YUI 인스턴스 (만듭니다 YUI 3에 대한 SimpleYUI 롤업에 대한 지원이 추가되었습니다 Y 일반 아약스 도서관 운영에 대한 지원을). 당신은 YUI 3.2.0을 선택하면 당신은 라이브러리 선택 메뉴에서 SimpleYUI 확인란을 확인할 수 있습니다. (팁 앤드류 Wooldridge 감사합니다.) #

: 대화 찾기 bloglines | 테크노를

공유 및 확장 : del.icio.us로 스크랩 | 디그 그것! | 레딧!

2010년 10월 15일에 대한 야생에서

YUIConf 2010 코너 돌면 바로 , 우리는 해당 이벤트와 다가오는 YUI 3.3.0 릴리스 작업을 아래로 머리를 가지고 진행합니다. 그 동안에, 우리가 지난 몇 주 동안 지역 사회에서 언급했습니다거야. 저희에게 알려주 @ yuilibrary 우리가 놓친 무엇을 (또는 아래의 의견에서)!

• PT : 앤드류 Wooldridge는 "YUI를 학습. 2 - 커뮤니티, 로깅 및 콘솔 " : 학습 YUI "블로그 시리즈 앤드류 Wooldridge는 (@ 삼부작) 그의 새의 일부 2 돌아." 나는 특히 같은 (그리고 동의) YUI 사회에 자신의 받아 "한마디로, 커뮤니티 YUI는 자바 스크립트 라이브러리로 나에게 눈에 띄는 만드는것 정말이다. 당신은 YUI 작업을 도움이 필요한 경우가 있습니다 지역 사회 포럼 , IRC 채널 뿐만 아니라, 개관 시간 은 YUI 개발자와 직접 통신할 수 있습니다. 당신은 똑똑한 사람의 도움이 그룹이 거기에 놀러하고 질문에 대답하고자하는 발견할 수 있기 때문에, 당신이 특히 IRC 채널, 여러분의 학습 경험의 초기에 연결된 얻을 방법은 겉보기에 평범한에 상관없이 권장합니다. 당신은 또한 준수해야 yuilibrary을 거기에 최신 YUI 뉴스에 접속되므로 트위터에. " 추가에 대한 전체 블로그 게시물을 체크 아웃 . 나는 부분을 커버 열 "야생에서"이전에 . #
  
• 앤드류 버지스의 "크래시 코스는"YUI에 NetTuts 2 격자 : YUI이 격자에 앤드류 버지스의 "충돌 과정" 우리가 먼저 작년 월에 명시된 바와 같이 ,되어 NetTuts 의해 포착 하고있다 무엇주의의 새로운 물결을 불러옵니다 역사적으로 YUI에서 가장 인기있는 프로젝트 중 하나가되었습니다. #
  
• 구글 스프레드 시트 및 YUI3와 BlogRoll 만들기 : 앤드류 Wooldridge는 (@ 삼부작) YUI 자신의 일련의 함께 YUI 3 Google 문서 도구를 관계 새 항목 3에 초점을 맞춘 기사를 계속합니다. "나는 그것을 인정 : 나는에 의해 영감 이 문서 Codeinfront.com에 의해. 사람, 공유, 업데이트 및 배울 수있는 코드 조각을 만드는 아이디어는 매우 매력적이고 만족입니다. 그래서, 당신에게 당신이 생각하지 않았 수있는 무언가를 제공합니다. 당신은 JSON 데이터 원본으로 구글 스프레드 시트를 사용할 수 있습니다. YUI3의 JSONP 모듈 이 JSON 데이터 원본에 아주 멋지게 대화하고 본질적으로 주도하고 아직은 복잡한 PHP의 MyAdmin 설정 또는 MySQL 데이터베이스를 가질 필요가 없어 데이터를 수있는 사이트를 만들 수 있습니다. 당신은 클라이언트 사이드 기술과 구글 스프레드 쉬트에서 도움을 통해 모두 할 수 있습니다. 당신은 G 스프레드 시트에서 양식 능력이 결합하면, 심지어 당신이 만드는 몇몇 설문 조사를 기반으로 멋진 보고서 페이지를 만들 수 있습니다. 코드를 내려 놓자. "코드를 내려 이곳 전체 블로그 게시물과 함께 #
  
• YUI 3을 사용 비디오 Remixing 사이트 Dragontape : 비디오 remixing 사이트 Dragontape은 YUI 3 광범위하게 사용하고 있습니다. Dragontape 당신이 좋아하는 온라인 동영상의 mixtapes을 만들 수 있도록 webapp은 "그래서 당신은 계속 표시로 볼 수 있습니다 : 여기 사이트의 저자 프로젝트를 설명 방법. 당신이 만드는 하나의 URL을 통해 액세스할 수 있습니다 테이프는, 당신은 쉽게 친구들과 공유하거나 웹 페이지에 그들을 추가할 수 있습니다. 소스 클립을 원래 위치에 남아 Dragontape는 단순히 그들을 찾을 위치를 기억합니다. " #
  
• 에릭 엘드릿지, "야후! 로그인을위한 YUI 3 간단한 모듈" : YDN 전도자 에릭 Eldrige 어떻게 활용 YUI 3 야후의 오픈 ID 시스템에 간단하고 효율적으로 보여줍니다 그의 개인 블로그에 좋은 튜토리얼을 작성했습니다. 기록 에릭 : "살펴보면 YDN 사이트에서 오픈 ID 방문 페이지 것은 야후 ID로 사이트에 사용자를 로그인 것은 어려운 것으로 간주하고있다는 인상을 줄 수도 있습니다. 다음 조건을 감안할 때, 그러나, 귀하의 사이트에 야후 로그인을 추가하는 것은 매우 간단 수 있습니다 :
  1. 우리는 야후 계정을 타겟으로하기 때문에, 우리는 https://open.login.yahooapis.com/openid/op/auth에 미리 로그인 위치 수
  2. 우리가 팝업을 통해 사용자를 로그하지만 상위 페이지에서 JavaScript를 통해 모든 것을 관리하는 경우, 우리는 "응답의 유효성 검사가 야후에서 돌아 오는 건너뛸 수 있습니다

  현재 전체 자습서를 찾을 수 있습니다 . #
  

• 무대 안쪽, 새로운 YUI 리드 벅에 의해 3 구동 HTML5 프레 젠 테이션 시스템 : @ 레이드는 이번 프로젝트 진행을 받고 있지만, 이미 마음에 많이있다. 지난 몇 년 동안 출시가 표준 기반의 프레 젠 테이션 도구의 일련의 발자취를 따라 올라가지는 장르에 YUI 3 트위스트를 저장합니다. 코드 GitHub에 - 다운로드, 포크, 그리고 재미를했습니다. ( 원본. ) #
  
• YUI 3 YQL와 간단한 트위터 위젯 (@ codeinfront로) : @ codeinfront는 트위터 매쉬업에서 YUI 3 YQL을 사용하는 방법에 대한 새로운 튜토리얼을 올렸습니다. "프로젝트 사이에 제가 자바 스크립트와 함께 놀아있는 동안하는 것은 상대적으로 시간에 변환을 포함하여 날짜. 이것은 그때 내가 트위터 위젯 컨텍스트 내에서 기능을 테스트로 이어집니다. 저는 YUI 3 YQL을 사용하여 트위터 위젯으로 돌아가셨습니다. 아래의 코드는 흥미로운 개념 몇 탐구 ... " 자세한 사항은 블로그 게시물을 체크 아웃 . #
  
• "YUI, 어떻게 당신은 나를 다시 생각 ... 어디다" : 미시간 Techie은 YUI 3이 나쁜 습관을 깰 수 있도록 설계되었습니다 것을 쓰고 새로운 희망 나은 코딩 패턴을 찾기 위해 그를 도전. "당신은 YUI3 사용하면 당신은 (사용한다. YUI ()를 가지고) 및 모든 코드의 비트 내에서 캡슐옵니다. 난 그냥 YUI 블록에 MyApp 코드를 이동한다면 그래서 난 더 이상 내가가 JS를 실행하려면 콘텐츠 페이지에서 액세스할 수 아냐. 그래서이없이 JS 전역 좋은이지만, 그것은 좋지 않지만 ... 제가 일을했던 방법입니다. "당신은 MT의 볼 수있는 이곳 완전한 변화를 일으켰 . #
  
• YUI와 사용자 설정 검색 엔진을 구축 Jeez.eu :. 사용자 정의 검색 엔진을 구축 Jeez.eu의 예제가 YUI이 위젯과 유틸리티에 크게 의존 #
  
• @ codeinfront에서 Node.js 리소스 목록 Crockford, DAV 유리 포함 : Blogger에 마크 Rall는 (@ codeinfront) 좋아하는 Node.js 관련 자원의 집합을 컴파일합니다. 그 중 주요 더글러스 Crockford과 DAV 유리에서 두 개의 최근 YUI 극장 이야기입니다. 그의 다른 즐겨찾기, 머리에 대한 자신의 블로그로 . #
• ErisDS은 2.8.x에 대한 그녀의 회전 목마 정의 - 탐색의 예를 업데이 트했습니다 : Northampton 블로거 ErisDS는 YUI 2.8.x.를 지원하기 위해 YUI 2 회전 목마에 대한 사용자 정의 탐색에 대한 그녀의 작업을 업데이 트했습니다 "작년에 저는 YUI 2.7.0 회전 목마 같이 일하는 YUI2 회전 목마 위젯에 세 부분 자습서 (doh)의 두 부분을 발표했다. 그때 이후로, YUI2 새 버전의 새로운 몇 가지 : 회전 목마 위젯은 (2.8.0 및 2.8.1)을 출시하고, 내 예제는 업데이트 코드와 함께 작동하지 않는 것 같습니다했습니다. 이 게시물의 문제가 발생 이유와 해결 방법을 다룹니다. " 현재 전체 게시물을 체크 아웃 . #
  
• 주의 짹짹짹 :에서 bartt @ : "클라이언트 및 서버 모두에서 # YUI를 사용할 수있다는 것은 정말 좋을 것입니다. 자바 스크립트 + 울타리의 양쪽에서 내가 제일 좋아하는 도서관 ==! 컨텍스트 스위치. " #
  

: 대화 찾기 bloglines | 테크노를

공유 및 확장 : del.icio.us로 스크랩 | 디그 그것! | 레딧!

YUI 3 빌딩 TipTheWeb

저자 소개 : 에릭 Ferraiuolo는 이사입니다 TipTheWeb 과 공동 창립자 Oddnut 소프트웨어 . 그는 자신의 블로그에 글을 참고하세요 : 925 HTML , 그리고 트위터에서 찾을 수 있습니다 : @ ericf . 에릭 YUIConf 2009에서 기능을 발표했다 .

TipTheWeb는 사람들이 직접 팁을하여 좋아하는 웹 콘텐츠를 지원하는 수있는 새로운 서비스입니다. 당신은 훌륭한 블로그 게시물을 찾으면 예를 들어, 당신은 25 센트 팁을 수 있습니다.

TipTheWeb 조언을받을 게시자를 부여하여 자유롭게 액세스할 고품질 웹 콘텐츠를 홍보하는 비영리 단체입니다. 당신이 온라인으로 게시할 경우, 조언을 받고 TipTheWeb에서 상을받을 수로 게시 장소를 주장하여 TipTheWeb 계정을 사용할 수 있습니다.

YUI 3 TipTheWeb의 사용

TipTheWeb의 사용자 인터페이스는 완전히 우리가 찍은 접근 방식은 우리의 JavaScript 코드의 기초와 구조로 YUI 3을 사용하는 것이었다 (우리가 쿨에이드를 마셨다.) YUI 3 위에 구축됩니다. 우리는 33 사용자 정의 YUI 3 모듈을 내장했습니다 (56 당신은 submodules, 플러그인, 그리고 롤 - 업 포함하면) 우리가 YUI 3 갤러리 공헌한 몇 가지 중, : 구성 요소 관리자 , Markout , 중첩 엑스트라 , 그리고 REST 리소스 .

페이지 수준의 클래스

TipTheWeb의 핵심 기능은 에이 젝스를 통해 서버와 통신할 몇 가지 뛰어난 기능을 웹 페이지에 구현됩니다. 이 페이지의 각각에 대해 우리가 페이지의 기능적 부분 사이의 동작을 조정하는 데 사용되는 페이지 레벨의 클래스를 갖는 사용자 정의 YUI 3 모듈을 만들었습니다.

우리 프로그램의 주요 페이지 중 하나에서, 도움말 페이지, 당신은이 접근법은 페이지 수준의 수업 TipsWindow와 적용 방법을 볼 수 있습니다. 페이지의 주요 기능 부품 위젯입니다 CreateTip 조언을 만들기위한 사용 및 편집에 대한 TipList 위젯, 취소하고, 기존의 팁을 자금.

오버레이 많은

우리는 사용 Y.Overlay 사용자 상호 작용을 구현하기 위해 응용 프로그램의 UI에 걸쳐 광범위하게들, 이것은 여전히 페이지에서 사용 가능한 고급 기능에 대한 기능을하면서 우리는 혼란없는 인터페이스를 유지하실 수 있습니다. 우리는 내장되어되지 않은 기능이 필요 Y.Overlay , 그래서 우리는 개발 중첩 부가 YUI 세 갤러리에 다른 YUI 3 구동 사이트를 많이 사용하고. 여기에 우리가 TipTheWeb에 오버레이를 사용하는 장소는 다음과 같습니다

TipTheWeb 현황

밖으로 시도하기 위해 우리가 사랑하는 거라고 TipTheWeb을 , 지금 우리가 초대 전용 베타 버전에 따라서 초대 요청 사이트에서하고 우리는 당신에게 초대 코드를 보내드립니다.

저희 이야기를 잡아주십시오 YUIConf 2010 우리가 TipTheWeb에서 YUI 3 YQL을 사용하는 방법에 (깊이 이상) 발표 거기에있을 것이다.

: 대화 찾기 bloglines | 테크노를

공유 및 확장 : del.icio.us로 스크랩 | 디그 그것! | 레딧!

2010년 10월 1일에 대한 야생에서

에 대해 이번 주 상당한 버즈를 찾고있다는 DAV 유리의 기술 Node.js에 YUI 3 지원에 대한 이야기 와 진보 향상의 관점에서 어떤 수뿐만 아니라, 대한 RaphaelJS을위한 매트 테일러의 YUI 3 갤러리 모듈 . 루크 스미스가 이번 주에 블로그에 멋진 개발자 팁 있었 YUI가 연장에 "자신의 멋진을 추가 , " CarRentalExpress.com에서 개발자 스테판 Klopp 전원 자신의 사이트를 YUI 2를 사용하는 방법에 대한 자신의 생각을 공유 하고, "카를로 Zottmann 그의 화려한 새 공유 YUI의 문서 일하는 말이, YUI 박사에 대한 데이 '테마 .

한편, 여기 커뮤니티에서 소식 몇 가지 최근의 작품입니다

• 앤드류 Wooldridge - "학습 YUI : 소개" : 앤드류 Wooldridge는 ( @ 삼부작 ) 자신의 블로그에 YUI의 연재에 착수하고, 입문 조각은 온라인 : "나는 YUI의 시작 방법에 대해 몇 가지 기사를 쓰기로 결심 했어 그리고 내가 함께가는대로 ... 난 당신이 자바 스크립트 라이브러리에 필요한 일종의이 가정, 또는 아마도 당신은 YUI에 대해서 읽고 그것에 대해 기본적으로 호기심, 저는 배울 여러 가지. 내가 당신에게 배경을 조금 드리겠습니다. YUI는 원래 웹 개발자가 야후 페이지 내에 사용하는 기능의 기본 집합을 가질 수 있도록 아이디어와 함께, 년 전 야후 이내에 자바 스크립트 라이브러리 함수의 일반적인 집합으로 만들어졌습니다. 이것은 자연스럽게 성장하고 확장 - 단지 야후 나갈 또한 향해 이동하고 오늘보고 구성 요소의 집합 엽니다. 야후 사람들은 도서관을 보좌 신부지만 사람의 변경 사항 및 업데이 트를 받아, 당신은이 코드를 당신이 좋아하는 어떤 방법을 사용하여 무료로 ... YUI는 애니메이션에서 위젯에 최선을 다하고, 도서관의 거대한 세트처럼 보이지만 현실에서 YUI 팀이 있습니다 그것이 작고, 빠르고, 그리고 모듈하기 위해 최선을 했어요. 당신은 YUI 기본 JS를 포함하면 맨 핵심만을로드하고 더 많은 기능을 필요로 할 때, 당신은 즉시 그것을 가져하여 페이지에 대한 긴 초기 다운로드 시간을 가지고 피할 수 있습니다 (좀 더 configurator를 통해로드를 원한다면 당신이 할 수 있지만) . "체크 아웃 전체 게시물 더 있습니다. #
  
• 에반가는 사람은 (@ evangoer), "YUI 3 그리드는 간단한 죽었어" : 에반이 매트 스위니의 좋아하는 YUI 3 격자 YUI 3.2.0 베타 버전에 데뷔했다. 에반의 글을 참고하세요 : "뿐만 아니라이 버전이 작은 (1.5 KB)이지만, 내가 방금 본 문서를보고하지 않고, 제가 기억에서 원하는대로 격자 밖으로 쓸 수 있습니다 내가 사용한 최초의 레이아웃 시스템"을 선택하십시오. 밖으로 전체 기사 더. ( 원본. ) #
  
• YUI 3 캐시 유틸리티에 Saurabh Odhyan가 : Saurabh을 씁니다 : YUI 3 캐시는 "자주 사용하는 자바 스크립트 메모리에있는 데이터 (기본 캐시) 또는 HTML5 localStorage 개체 (오프라인 캐싱)를 캐시 할 수 있습니다. 우리는 자바 스크립트 자체 캐싱 메커니즘을 구현할 수 있지만, YUI 캐시는 일반적인 목적이고 또한 이벤트 집합을 제공합니다. 또한 그것은 쉽게 YUI가 매우 도움이 될 수있는 데이터 소스와 통합하실 수 있습니다. 어떻게 유용한 YUI 캐싱 유틸리티 계승, 아주 기본 예제를 사용하실 수 있습니다. "보여 줄게 ( 원본. ) #
  
• IHikeWithMeetup.com는 YUI 2.8와 내장 : IHikeWithMeetup.com는 기상 데이터와 야후지도와 함께 베이 지역 하이킹 그룹에서 Meetup.com 데이터의 현명 매시업입니다 - 모든 야후 웹 호스팅과 호스팅. 당연히,이 사이트는 YUI 2.8 구성 요소의 도움이 건강에 의해 운영됩니다. #
  
• YUI 3 전원 캐노니컬의 가로 우분투 시스템 관리자 : 정식의를 포함한 광범위하게 YUI 3을 사용하여 가로 제품 . 제품 페이지에 따르면, "경관 우분투 시스템의 관리 및 모니터링이 간단하고 온라인 관리 도구를 사용하기 쉬운 함께 세계 최고 수준의 지원을 결합하여 효과가 있습니다." #
  
• Sidnei 다 실바, "YUI와 더 빠른 웹사이트" : Sidnei을 씁니다 : "나는 속도에 집착 된 적이 더 빠른 웹 사이트 '스티브 Souders 내 사본을받은 이후로. 내 하루가 직업 동안 나는 끊임없이 특별히 처음 방문자를위한, 사용자 경험을 부드럽게하기 위해 향상시킬 수 사물 찾고 있어요. 제가 향상 될 일들이 항상있다하지만 우리가 작년에 달성했는지와 공정 행복 해요. 오늘은 당신과 함께 우리가 거의 우연히 발견했고 YUI는 선택의 자바 스크립트 프레임 워크 경우, 귀하의 웹사이트 빠르게하게 도울 수있는 트릭 중 하나를 공유하는거야. "( 원본. ) #
  

: 대화 찾기 bloglines | 테크노를

공유 및 확장 : del.icio.us로 스크랩 | 디그 그것! | 레딧!

구현 포커스 : 렌터카 익스프레스

렌터카 Express는 인터넷에서 최고의 독립 렌터카 비교 웹사이트입니다. 그것은 전 세계 1000 개 이상의 도시와 공항에서 사용자의 임대 차량 온라인 수 있습니다.

우리의 사용자 기반이 크게되지 않은 기술이며, 이는 그들이 가능한 한 쉽게 가격과 임대료 자동차를 비교하려는 의미합니다. 2010 년 6 월 우리의 웹사이트의 다시 시작을 통해 우리는 직관적인 경험을 고객에게 제공하기 위해 YUI 2의 여러 구성 요소를 구현합니다.

우리는 어떤 YUI 구성 요소를 사용하고 있습니까?

우리가 사용하고있는 구성 요소가 포함 연결 관리자 , 자동 완성 , 데이터 원본 , 일정 , 애니메이션 , JSON , 그리고 컨테이너를 .

우리는 YUI를 선택한 이유

우리가 잠재적에서 사용할 수있는 다른 자바 스크립트 라이브러리 검토할 때 렌트카 Express를 , 우리는 YUI 우리의 요구에 가장 완벽한 것으로 나타났습니다. 우리의 가장 큰 판매 기능은 YUI 다른 디자인 패턴을 구현했다 매우 모듈식 접근뿐만 아니라, 그들이 제공하는 강력한 설명서 및 예제를했습니다. 개발 관점에서 이것은 도서관과 함께 투쟁하지 않고 우리의 응용 프로그램의 신속한 개발되었다.

우리는 YUI를 사용하는 방법

우리는 여러 가지 방법으로 YUI를 활용. 우리 4 가장 많이 사용되는 구성 요소는 자동 완성, 일정, 컨테이너 및 연결 관리자입니다. 다음은 이러한 각각의 구성 요소를 사용하는 몇 가지 방법이 있습니다.

자동 완성

자동 완성 구성 요소는 사용자가 차를 임대하고있는 도시 또는 공항을받는 데 도움을 저희 사이트에서 광범위하게 사용됩니다. 우리는 정말이 구성 요소를 구현하는 것이 얼마나 쉬운 좋아, 그리고 얼마나 빨리 그것은 응답합니다. 우리 캐시 검색 검색 결과를 개선하는 데 도움이되는 결과 서버측 있지만, 클라이언트 측 캐싱은 또한 구성 요소의 응답 속도에 엄청난 도움이 필요. 우리가 진짜로 데려 또 다른 기능은 결과가 스타일에 얼마나 쉽게되었습니다. 우리가 어떤 도시에서 발견되는 위치는 공항에서 발견된 식별하는 데 필요한 사용자에게 위치를 표시할 때이 결정되었습니다.

달력

세입자가 검색을 수행할 날짜를 입력하면 달력 구성 요소는 사이트 전반에 걸쳐 사용됩니다. 우리는 존 Peloquin의 사용자 지정 버전을 사용하는 간격 선택 일정 과에 표시 YUI ​​대화 상자 . 기본적으로 우리가 원했던 것은뿐만 아니라 시각적으로 그들이 현재 선택 범위를 어떤 날짜를 보여주 그들의 날짜를 선택할 때 임차인에게 두 달간보기를 제공했다. 다시, 이것은 YUI이 캘린더를 사용하여 구현하는 매우 간단한 있었고, 그것은 기본적으로 해당 사업부로 YUI 간격 일정을 장착, 캘린더 사업부를 포함하는 신체를 설정, YUI 대화 상자를 생성하기 위해 내려왔다.

컨테이너

우리는 다른 여러 가지 방법으로 웹 사이트를 통해 YUI 컨테이너를 사용합니다. 위의 예제에서 우리는 사용자가 날짜를 선택할 때 우리가 간격 일정을 표시할 수 있도록 대화 상자를 사용했다. 우리의 속도 검색 결과 페이지에서 우리는 임차인에게 더 렌터카 기관의 다양한 측면에 대한 정보들이 잠재적으로 임대 수있는 차량을 제공하기 위해 컨테이너 많이 사용합니다. 이 페이지에서 컨테이너의 대부분은 패널 우리가 각기 다른 목록을 다시 사용하는 것이. 예를 들어, 자동차 디스플레이 패널 기능 :

상황이 기관 평가를 평가 관리원과 함께 좀 더 재미 있어요. 등급을 표시하면, 저희는 정말 기관이받은 점수에 대한 사용자의 관심을 집중하고 깨끗한, 쉽게보기 방식으로이 정보를 표시 싶었어요. 대화 상자 컨트롤을 이용하여 우리는이 목표를 달성하는 데 도움이 쉽게 뷰포트 및 센터 대화 상자를 제한 할 수 있었다. 빈 머리글과 바닥글을 설정하여 그것은 단지 우리의 CSS에 적절한 스타일을 추가하여 스타일링은 간단했다. 최종 결과는 그들이 원하는 정보와 세입자를 제공하는 깨끗한 등급 컨테이너했습니다.

연결 관리자

우리가 XHR 요청을 통해 데이터를 끌어 할 때마다 연결 관리자는 사이트 전반에 걸쳐 사용됩니다. 위의 예제 중 일부에서는 자동 완성 implementaitons에 대한 도시와 공항을 요청하고 대화 상자 평가 관리원에 대한 평가 정보를 당기는이 구성 요소를 활용합니다.

우리는 연결 관리자를 이용 한 흥미로운 방법은 대부분의 페이지에 앉아 우리의 대여 센터 블록이다. 성능하기 위해 우리는 우리의 콘텐츠 페이지에 많은 전체 페이지 캐싱을 많이 해. 그러나, 우리는 여전히 해당 페이지에 동적 대여 센터 블록을 표시합니다 싶었어요. 이것은 우리가 연결 관리자 해결할 수있었습니다 문제가 우리를 발표했다. 오히려 우리가 완전히 캐시된 페이지와 우리는 그것이 단순한 비동기 요청을 통해 대여 센터 블록을 포함하는 것이 더 쉽습되었다 찾은 페이지의 캐시에만 측면을 헤어져야하는 데보다. 우리는 우리가 완전히 캐시된 페이지가 발생에서 성능을 유지하면서도 여전히 우리 대여 센터 상자에 동적인 콘텐츠를 표시 수있는 것으로 나타났습니다.

최종 사상

전반적으로 우리는 YUI를 사용하기 위해 선택과 매우 행복했습니다. 그것은 사용하고 구현하기가 쉽고, 잘 문서화되어있다 모듈러 라이브러리를 제공.

: 대화 찾기 bloglines | 테크노를

공유 및 확장 : del.icio.us로 스크랩 | 디그 그것! | 레딧!

2010년 9월 24일에 대한 야생에서

우리가 준비로서 YUIConf 2010 과 앞으로 몇 달 안에 더 많은, 우리가 큰 YUI 세계에서 주목을 받았죠 다른 것들 중 일부입니다 :

• YUI 극장의 NetTuts 목록을 탑스해야 -보고 F2E 포드 캐스트 : 앤드류 버지스에 대해 쓰기 YUI 극장 : "그것은 자주 여러 번 같은 달, 야후 직원를 유지하기 위해 웹 기술의 최첨단 개발자에 가져다 것으로 보인다 날짜입니다. 우리의 나머지 부분의 이익을 위해 이러한 회담이 기록과 출판하고 있습니다. 당신은 잘 알려진 더글라스 Crockford와 니콜라스 Zakas 같은 devs, 성능 및 접근성에서 자바 스크립트와 DOM을에 이르기까지에 대한 회담을 확인할 수 있습니다. " #
  
• YUI 3 전원 DigitalInsurance.com는 (@ apipkin 사이트) : 다작 갤러리 기여 앤소니 작은 옹기병은 새로운 생산있었습니다 DigitalInsurance.com 포털 YUI 3 전원을. #
  
• 아무것도 아니지만 JS (@ davglass에 @ codepo8)를 사용하지 그레시브 향상 : 기독교 Heilmann는 Ajaxian에 대한 글을 참고하세요 : "프로 그레시브 강화가 여전히 현대적인 브라우저 환경에서 자바 스크립트의 기능에 대해 매우 기쁘게 생각 많은 사람들에게 혼란 문제입니다. 그것은 한 번 더 자바 스크립트 강화 다음 비 - JS 환경에 대한 솔루션을 작성하고 시대 착오 느낄 수 있습니다. 그 때문에 나를 위해 그것이 옳은 일을하고있는 간단한 문제가 있지만 같은 자바 스크립트 라이브러리 오늘날의 세계와 자라 밖에서 - 더 - 박스 위젯 그것은 드래그 보일 수있다. YUI 팀의 DAV 유리를 입력하십시오. 그의 머리에 주위 진보 향상의 개념을 돌려 JS 애호가와 백엔드 코드 "endurer"로 그는 순수한 자바 스크립트 방식으로 한번에이 문제를 해결하기 위해 밖으로 설정 됐어요. " 자세한 내용은 전체 문서를 체크 아웃 . #
  
• 올리버 Andrich에서 YUI 3에 대한 더 많은 중첩 플러그인 : 올리버의 GitHub 페이지에서 '오버레이 플러그인은 내가 일반적으로 YUI 3 플러그인 developement을 배울 수 있도록 쓴 다섯 플러그인의 모음입니다. 세 밖으로 다섯 플러그인 더 많거나 적은 모방 오버레이 부가 만든 에릭 Ferraiuolo을 .... 다섯 플러그인은 다음과 같습니다
  • BaseOverlayPlugin
  • ModalOverlay
  • KeepAligned
  • HideOnEscape
  • ConstrainDimensions "
  ( 원본. ) #
• 카네기 멜론에서 HackU위한 레이드 버크 YUI 슬라이드 : YUI 엔지니어 (그리고 설인의 작성자) 리드 버크 일부 슬라이드를 채찍질하고 YUI 3 기반의 슬라이드쇼 엔진 카네기 멜론에서 그의 최근 대화하십시오. #
  
• YUI 극장에서 Crockford 및 기타 Gurus에서 JS 학습에 Devcurry Suprotim Agarwal 오늘 아침 devcurry의 글을 참고하세요 : : "이 게시물에서, 난 정보가 가득 들어 몇 가지 매우 유용한 자바 스크립트 동영상과 자바 스크립트 Gurus에 의해 제공되는 강의 링크, 재미있는 관찰과 공유합니다 물론 무료! 인터넷 무료 동영상 가득이지만, 내가 가장 유용한 발견 그것만이 몇을 선택하셨습니다. 당신이 배우로 메모를 준비 .. 자바 스크립트에 대한 Crockford의 동영상 강의 - 더글러스 Crockford는 자바 스크립트 건축가와 연극 언어의 새로운 기능을 설계에서 중요한 역할을합니다. 그의 비디오는 '해야 -가'모든 자바 스크립트 개발자를위한. YUI 극장 - 자바 스크립트 및 웹 개발에 gurus을 통해 무료로 프로그래밍 회담에 대한 액세스를 제공하는 "Suprotim 다른 YUI 극장 제목을 포함하여 콘텐츠의 다른 소스를, 목록에갑니다.. #
  

: 대화 찾기 bloglines | 테크노를

공유 및 확장 : del.icio.us로 스크랩 | 디그 그것! | 레딧!