2008 년 최고 – JavaScript
요약 시리즈의 마지막 부분에서는 2008 년의 JavaScript Goodies를 볼 차례입니다. 다음 중 일부는 리소스, 유용한 자습서, 일부 의견 및 기타 재미있는 재미있는 내용입니다.
이 과정에서 항상 한두 가지 교훈이 있으며, 포트폴리오의 다양한 새로운 기술로 새해를 시작하는 데 도움이 될 수 있습니다.
sIFR 라이트
“ 옛날 옛적에 훌륭한 웹 개발자들이 sIFR을 만들었습니다. 그들의 목표는 HTML 헤드 라인을 멋진 글꼴로 매끄럽게 변환하는 것이 었습니다. 글쎄, 이 개발자들은 잘 작동하도록 훌륭한 일을했습니다. 코드를 살펴보면보다 객체 지향적 인 접근 방식을 사용하여 sIFR의“라이트”버전을 만들겠다고 결정했습니다. sIFR Lite는 조금 더 읽기 쉽고 사용하기 쉽습니다.”
사이트 방문
DD_belatedPNG
마지막으로 IE 6에 대한 24 비트 PNG 알파 반투명 배경 이미지 + 배경 위치 + 배경 반복 지원!
사이트 방문
EqualHeights jQuery 플러그인
“CSS를 사용하여 같은 높이의 열을 만드는 것은 때때로 곰입니다. 그러나 번거로운 가짜 칼럼, “명확한”div 및 나머지는 누가 필요합니까? 이 jQuery 비트를 사용하면 모든 요소 그룹의 높이를 쉽게 균등화 할 수 있습니다. "
사이트 방문
jQuery.popeye – 인라인 라이트 박스 대안
“플러그인은 처리되지 않은 이미지 목록을 한 번에 하나의 미리보기 이미지 만 표시하는 상자로 변환합니다. 상자에는 미리보기 이미지를 훑어보고 지정된 이미지를 확대하는 컨트롤이 있습니다. 상자는 확장 된 버전에 맞게 확장되고 컨트롤은 전체 이미지 크기 모드로 숨겨집니다. 이미지를 클릭하면 상자가 컴팩트 한 상태로 돌아갑니다. "
사이트 방문
DD_roundies
IE에서 둥근 모서리를 구현하는 쉬운 방법입니다.
“둥근 상자 하나에 9 셀 테이블이 없습니다. 이미지가 없습니다. 컨테이너 요소에 6 개 이상의 HTML 노드를 추가하지 않습니다 (1 개, 최대 2 개, IE에서만).”
사이트 방문
Niceforms
" Niceforms는 가장 일반적으로 사용되는 양식 요소를 사용자 정의 설계 양식으로 대체하는 스크립트입니다. 제공되는 기본 테마를 사용하거나 최소한의 노력으로 자신 만의 디자인을 개발할 수도 있습니다.”
사이트 방문
jQuery 코너 0.3
“이 jQuery 플러그인은 둥근 모서리를 쉽게 만들 수 있습니다. 이미지 나 눈에 거슬리는 마크 업이 필요하지 않습니다.”
당신의 이익을위한 또 다른 둥근 코너 스크립트!
사이트 방문
Superfish jQuery 메뉴 플러그인
"Superfish는 기존의 순수 CSS 드롭 다운 메뉴를 사용하여 JavaScript없이 정상적으로 저하되는 향상된 Suckerfish 스타일 메뉴 jQuery 플러그인이며 다음과 같이 많이 개선 된 기능을 추가합니다."
사이트 방문
자바 스크립트는 우리 모두를 구해줄 것이다
에릭 메이어 (Eric Meyer)는 브라우저 공급 업체가이를 구현하기를 기다리는 대신 많은 브라우저에서 부족한 표준 지원을 확장하기 위해 JavaScript를 찾아야하는 이유에 대한 의견.
사이트 방문
CSS Sprites2 – JavaScript 시간입니다
“움직임은 종종 플래시가 많은 웹 사이트와 표준 기반 사이트의 차별화 요소입니다. 플래시 인터페이스는 표준 기반 웹 사이트가 복제 할 수 없었던 역동적 인 방식으로 사용자의 상호 작용에 반응하여 항상 더욱 생생 해 보입니다. 최근에는 프로토 타입, 스크립트, Moo, YUI, MochiKit과 같은 라이브러리를 쉽게 만들 수있는 JavaScript 라이브러리를 통해 동적 인터페이스 효과가 다시 등장하면서 변화하고 있습니다. 4 년 전부터 CSS Sprites 기술을 다시 살펴보고 우리 자신의 움직임을 조금도 방해 할 수 없는지 살펴볼 때가되었습니다.”
사이트 방문
jParallax
“jParallax는 선택한 요소를 '창'또는 뷰포트로 변환하고 모든 하위 요소를 뷰포트를 통해 볼 수있는 절대 위치 레이어로 바꿉니다. 이 층들은 마우스에 반응하여 움직이며, 치수 (및 층 초기화 옵션)에 따라 시차 종류의 방식으로 다른 양만큼 움직입니다.”
순수한 기쁨!
사이트 방문
JavaScript가없는 고정 바닥 글
고정 바닥 글을 배치하는 순수 CSS 기술로 IE 5.5까지 테스트되었습니다.
사이트 방문
동적 레이아웃
"동적 레이아웃은 현재 브라우저 너비에 따라 페이지 레이아웃을 쉽게 조정할 수있는 간단한 JavaScript 라이브러리입니다."
사이트 방문
Ajax 사용을 중지하십시오!
“Ajax는 건전하고 유용한 아이디어입니다. 그러나 모든 아이디어는 실제 구현 (이를 가능하게하는 기술)으로 귀결되며, 이 경우 기술은 미숙합니다. 사용자 그룹이 뒤쳐져 있기 때문입니다. 보조 기술을 사용하는 사람뿐만 아니라 필요한 스크립팅 개체를 지원하지 않거나 스크립팅을 전혀 지원하지 않는 성능이 낮은 브라우저를 사용하는 브라우저가 가장 두드러지고 영향을받습니다. "
사이트 방문
이것이 sIFR을 작동시키는 방법입니다
“이 자습서의 목표는 sIFR 공식 사이트의 정보를 사이트에서 sIFR을 구현하는 간단한 단계별 프로세스로 요약하는 것입니다.
이 튜토리얼을 수행 한 후에는 sIFR의 작동 방식에 대한 기본 지식을 갖추고 고급 영역으로 확장 할 수 있습니다.”
사이트 방문
팬시 줌
웹 페이지를위한 부드러운 자바 스크립트 이미지 확대.
사이트 방문
JavaScript에서 3D 큐브 회전
더 이상 아무것도 없습니다! 확인 해봐.
사이트 방문
14kB 자바 스크립트의 Super Mario
“ 다음은 사물을 작게 유지하고 하나의 Javascript 파일로 제한하는 실험입니다. 외부 이미지 파일이나 아무것도 없으며 캔버스 요소 또는 구식 div 제작 전술 (IE의 경우)을 사용하여 Javascript로 렌더링됩니다. 스프라이트는 각 스프라이트 당 4 개의 색상 만 허용하고 스프라이트 당 약 40-60 바이트 만 사용하는 형식으로 사용자 지정 인코딩 된 문자열에 저장됩니다. "
사이트 방문
UI를 향상시키는 10 가지 스마트 자바 스크립트 기법
“Javascript는 일반적으로 웹 개발에서 미학적 언어로 사용됩니다. 이는 웹 개발자가 거의 항상 한 가지 목적으로 만 자바 스크립트를 사용해야한다는 것을 의미합니다. 방문자 경험 개선. 사용자 인터페이스 관점에서 사이트를 개선하는 영리하고 유용한 방법이 많이 있습니다. 개발자는 원하는 것을 달성하기 위해 거의 모든 자바 스크립트를 찾을 수 있습니다.”
사이트 방문
25 가지 놀라운 JavaScript 게임 (일부 재미와 영감)
“Ajax가 등장함에 따라 JavaScript는 모든 웹 디자이너 / 개발자에게 반드시 필요한 정보입니다.
폼 컨트롤, 경고 및 이와 유사한 간단한 JavaScript 사용법 외에도 JavaScript (& Canvas)의 도움으로 거의 모든 작업을 수행 할 수 있습니다.”
사이트 방문
즐겨 찾는 5 가지 즐겨 찾기 책갈피
“책갈피는 사용자가 찾은 페이지와 상호 작용하는 책갈피로 가져올 수있는 JavaScript 가능 링크입니다. 최상의 북마클릿은 탐색 환경을 확장하여 일반적으로 툴바에 필요한대로 작동합니다. 그러나 JavaScript로 작성되었으므로 브라우저 내에서 설치하지 않고도 작업 할 수 있습니다. 다음은 브라우저 환경을 확장하기 위해 브라우저의 툴바 나 북마크로 드래그 할 수있는 5 가지 북마크 책갈피입니다.”
사이트 방문
유망한 자바 스크립트 프레임 워크 10 가지
“jQuery, MooTools, Prototype 및 YUI와 같은 인기있는 JavaScript 프레임 워크 / 라이브러리 (가장 인기있는 JavaScript 프레임 워크 몇 가지를 언급)는 JavaScript 프레임 워크 분야에서 확고한 발판을 마련했습니다. 그러나 새로운 또는 대체 프레임 워크 / 라이브러리를 찾고있는 더 모험적인 개발자에게는 인기있는 프레임 워크 외에는 훌륭한 프레임 워크가 있습니다.”
사이트 방문
디자이너와 개발자를위한 5 가지 유용한 코딩 솔루션
“창의적이고 독창적 인 디자인 솔루션은 종종 디자이너들이 단순히 간과하기 때문에 알려지지 않은 상태로 남아 있습니다. 우리는 자신의 프로젝트로 바쁘기 때문에 때때로 다른 디자이너의 복잡하고 어수선한 코드의 직관을 파악하여 특정 디자인 아이디어를 구현하는 방법을 이해하려고 시도합니다. 실제로 다른 개발자의 코드 만 관찰하면 많은 개발자가 배울 수 있습니다. 흥미로운 아이디어를 찾고 업무의 질을 향상시킬 수 있습니다.”
사이트 방문
AJAX를 통한 웹 서비스 호출
이 학습서는 JavaScript를 사용하여 WebServices와 상호 작용하는 방법에 대한 좋은 아이디어를 제공합니다.
사이트 방문
JavaScript Pretty Date
“… 오래된 JavaScript 날짜를“예쁜”방식으로 형식화하는 간단한 방법입니다. "
사이트 방문
자바 스크립트 아이폰 앱
“저는 관심을 가지고 개발자들이 iPhone을위한 새로운 응용 프로그램을 만드는 것을보고있었습니다. 나 자신을 소유하고 JavaScript에 대해 잘 알고 있음-다운로드 가능한 JavaScript 응용 프로그램 또는 iPhone을 만드는 데 어떤 옵션이 있는지 궁금했습니다. 일부 연구를 통해 다른 솔루션보다 더 간단한 솔루션이 여러 개 발견되었으며, 다른 솔루션보다 Objective-C에 대한 지식이 더 필요한 솔루션이있었습니다. "
사이트 방문
가장 원하는 Ajax 기술 : 50 가지 이상의 예제 및 튜토리얼
“최근에 개발 된 많은 Ajax 기술 덕분에 웹 애플리케이션이 사용자 경험을 향상시키는 데 큰 도약을했습니다. PHP의 깔끔한 기능과 자바 스크립트의 영리함을 결합하면 멋진 결과를 얻을 수 있습니다. 한 단계 업그레이드를 돕기 위해 사이트에서 사용자의 다음 이동을 예측하는 데 도움이되는 몇 가지 방법을 공유하고자합니다.”
사이트 방문
50 가지 훌륭한 AJAX 튜토리얼
“AJAX는 웹 개발자에게 사용자 경험을 향상시키고 웹 사이트의 성능을 향상시킬 수있는 많은 기회를 제공합니다. AJAX를 사용할 수있는 방법은 무수히 많으며 다행히도 자체 구현에 도움이되는 훌륭하고 유용한 AJAX 자습서가 많이 있습니다.
이 게시물은 다양한 방법으로 AJAX 작업에 대한 유용한 자습서 모음으로 사용됩니다. "
사이트 방문
IT가 Ajax에 대해 알아야 할 10 가지
“새로운 웹 기술의 도입은 네트워크 인프라에 영향을 미쳐서 결과적으로 비열한 것에서부터 지구의 산산이 부서 질 것까지 다양합니다. Ajax는 오늘날 네트워크를 통해 이동하는 가장 혁신적인 새로운 웹 기술 중 하나입니다. 네트워크에서 미래의 놀라움을 최소화 할 수 있도록 Ajax에 대해 염두에 두어야 할 10 가지 사항에 대해 설명했습니다. "
사이트 방문
jQuery 타임 피커
" jquery.timepickr 는 가능한 한 쉽고 자연스러운 형태로 시간을 입력하는 프로세스를 만들기 위해 만들어졌습니다."
사이트 방문
