더 쉽게 배울 수 있도록 스크린 캐스트를 해본 적이 있습니까?,하지만 영어가 당신의 일이라면 내가 당신에게 가져다주는이 항목으로 많은 것을 즐길 것이라고 생각합니다.
Un 스크린 화면 출력의 디지털 기록입니다 computadora, 때때로 오디오 내레이션이 포함됩니다. 비록 용어 스크린 날짜 2004, 다음과 같은 제품 연 ScreenCam은 이후 사용되었습니다. 1993. 개척자 제품은 대용량 파일을 생성하고 편집 기능이 제한되었습니다. 최신 제품은 다음과 같은보다 컴팩트 한 파일 형식을 지원합니다. 매크로 미디어 플래시 시퀀스, 마우스 움직임 및 오디오를 변경할 수있는보다 정교한 편집 기능이 있습니다.
디자인 및 프로그래밍 기술을 향상시킬 수있는 XNUMX 개 이상의 스크린 캐스트가 모두 영어로 제공되지만 매우 잘 설명되고 우수한 품질이므로 걱정할 필요가 없습니다.
소스 | 1 차
AJAX :
1.AJAX 새로 고침 RSS 콘텐츠
수동 페이지 새로 고침없이 내용을 업데이트하여 페이지 새로 고침의 번거 로움을 극복하십시오. 이 비디오는 AJAX의 도움으로 RSS 피드를 새로 고치는 방법과해야 할 일을 보여줍니다.
피드를 하나만 수행하는 경우, 특히 RSS를 구문 분석하는 경우 자체 JavaScript 코드를 롤링하는 것이 더 효율적이라고 생각합니다. 내가 기억하는 바에 따르면 SimplePie는 많은 오버 헤드가있는 것처럼 보였습니다.
2.단순 -Jquery-spy- 효과
Realmac의 QuickSnapper 사이트의 가장 좋은 점은 JavaScript가 꺼져 있으면 기본적으로 스냅 목록이 표시된다는 것입니다. 그래서 우리는 소송을 따를 것입니다.
또한 그들의 버전이 끝날 때까지 새 항목을 계속 끌어 들이고 있다는 점도 주목할 가치가 있습니다. 나는 목록을 반복하는 방법을 보여줄 것이고, 후속 튜토리얼에서는 서버를 망치지 않고 효과를 멋지고 매끄럽게 유지하는 Ajax 히트에 연결하는 방법을 보여줄 것입니다.
3.YouTube의 상위 25 개 AJAX 비디오 자습서
여기에 제시된 튜토리얼은 HTML 문서를 만드는 방법, 자바 스크립트를 추가하고 여기에 외부 자바 스크립트를 연결하는 방법, AJAX 채팅 빌드, Spy 프레임 워크를 사용하여 웹 페이지에 AJAX 요소 추가, AJAX 객체를 삽입하는 방법을 처음부터 시작합니다. Adobe Dreamweaver, AJAX 프레임 워크를 사용하여 매시업 애플리케이션을 만드는 방법, AJAX MySql 데이터베이스에 대한 PHP 웹용 Delphi 만들기
Jquery :
4.아이폰과 같은 슬라이딩 헤더
콘텐츠를 검색하는 동안 헤더를 찾을 수없고 제목을 잃어버린 적이있을 때 좌절했습니다.
다음 페이지로 이동할 때이 화면 캐스트는 헤더가 콘텐츠를 유지하는 데 도움이되며 미묘한 방식으로 다음 페이지로 이동할 때 동시에 다음 제목을 대체합니다. 트렌드를 따르는 모든 웹 디자이너에게 매우 유용합니다.
5.Slidedown 애니메이션 점프 재검토
높이 문제로 인해 애니메이션이 끝으로 점프하는 것을 눈치 챘을 것입니다.이 스크린 캐스트는 인라인 높이를 저장하고 나중에 인라인 높이를 설정하여 높이 요소를 고려하여 해결책을 찾고 그에 따라 진행할 수 있도록 도와줍니다. 요소를 표시하거나 숨기는 중입니다.이 작업을 사용하여 결과를 표시하거나 FAQ에서도 사용할 수 있으므로 페이지를 새로 고칠 필요가 없습니다.
6.슬라이더 갤러리
항목을 탐색하기 위해 슬라이드가있는 갤러리를 만들고 싶습니까? 이 화면 캐스트는 Markup, 슬라이더 위젯 컨트롤, jQueryUI, CSS 및 필요할 때 더 빠른 스크롤과 일시 중지를 제공하는 특정 플러그인의 도움으로 제품을 반대로 슬라이드하기 위해 슬라이더 위치를 변환하는 간단한 단계를 도와줍니다. 귀하의 제품 및 이미지 등을 굴릴 수 있습니다.
7.완전 초보자를위한 Jquery
모든 방법, Jquery 스타일 스위처, 호버 효과 및 Themeforest.net에서 사용되는 많은 것을 배울 수있는 매일 독점 비디오를 제공하는 Jeff Way의 참조로 Theme forest.net이있는 Jquery의 15 일 Absolute 초보자 시리즈입니다.
이 스크린 캐스트 시리즈는 Jquery를 명확하고 효과적으로 가르쳐 줄 것입니다. 각 스크린 캐스트에는 고유 한 스타일이 있으며 결함이있는 방식으로 Jquery를 배워야하는 초보자에게 매우 유용합니다.
8.Lava 램프 스타일 탐색 메뉴 만들기
처음부터 XNUMX 단계 메뉴를 사용하여 동일한 프로세스를 보여주는 용암 램프 스타일 메뉴를 만든 다음이 스크린 캐스트에서 자바 스크립트 라이브러리를 사용하여 용암 램프 메뉴를 만드는 방법을 배웁니다.
웹 사이트에서 수익을 창출하는 매우 전문적인 방법이며 이러한 유형의 메뉴는 웹 사이트를 멋지게 보여줄 것입니다.
9.자동 무한 캐 러셀
대부분의 경우 스크롤 동작은 자동으로 중지되지 않으며 필요할 때 수동으로 제어해야합니다. 따라서 스크롤 동작을 자동으로 만들고 Jquery를 사용하여 마우스가 캐 러셀 위에있을 때 일시 중지하는 방법은이 화면 캐스트에서 설명합니다.
이 캐 러셀도 동적 목적으로 사용할 수 있습니다.
10.Jquery 봐 팀 반 담
Webkit에서만 작동하는 Tim the Accordion 및 Hover 효과의 주요 효과는 애니메이션 여백 (왼쪽 및 배경 rgba 크로스 페이드 효과)이라는 두 가지 요소를 고려할 때 jQuery에서도 작동 할 수 있습니다.
자세한 내용은 스크린 캐스트를 통해 직접 찾아보세요.
11.팝업 로그인 창
인증은 항상 암호의 도움으로 이루어지며,이 스크린 캐스트는 인증 목적에 매우 유용합니다.
이 화면 캐스트에서는 LDAP 서버에서 계정의 비밀번호를 확인하고 데이터가 링크에서 동적으로 생성 된 창으로 전달되는 위치를 확인하는 간단한 팝업 창을 만듭니다.
12.나만의 jquery 플러그인을 빌드하기위한 스크린 캐스트
이 스크린 캐스트에서 James Padolsey, Jeffery Way 및 Dan Wellman 전문가의 안내를 받아 Jquery 플러그인을 만들고 프로그램에서 사용하십시오. 기본값 설정, 이미지 미리로드, 콜백 메서드 생성, Jquery, CSS를 사용하여 동적 라디오 버튼 생성 방법을 배웠습니다.
전체 단계를 배우려면 전체 화면 캐스트를 공부하십시오.
13. Jquery 비디오 시리즈
Themeforest.net에 대해 10 분의보다 정교하고 정확한 교육 계획과 동일한 방법을 사용하여 Jquery 라이브러리를 사용하고 15 일 동안 비디오 시리즈 설명의 도움으로 자신의 프로젝트를 만듭니다.
전체 시리즈는 초보자를 Jquery의 성공적인 전문가로 데려 올 것이며 Jquery 응용 프로그램을 유연하게 편집하고 사용자 정의 할 수 있습니다.
PHP 스크린 캐스트 :
14.PHP에 뛰어 들기
PHP의 다양한 주제에 대한 짧은 둘러보기는 별도의 튜토리얼로 제공됩니다. Jeffery Way의 이러한 자체 포함 튜토리얼은 PHP 쿼리에 대한 완전한 소스 인 ThemeForest 블로그의 도움으로 PHP를 사용하여 파일을 업로드하는 방법을 알려줍니다.
이 스크린 캐스트는 초보자와 중급 사용자를위한 다양한 유형의 주제를 다룹니다.
15.PHP Json Jquery Ajax 스크린 캐스트
jQuery의 AJAX 기능을 사용하여 PHP와 JSON 데이터 소스 간의 통신을 생성하기 위해 JSON 데이터를 전송하는 스크립트를 생성 한 다음 PHP 배열을 생성 한 다음 파일을로드하고 데이터 소스를 채 웁니다.
전체 단계를 알아 보려면 전체 화면 캐스트를 확인하세요. PHP 애호가를위한 고급 스크린 캐스트입니다.
16. PHP와 Jquery를 사용한 사진 관리 사이트
이 스크린 캐스트는 PHP 및 jquery를 사용하여 사진 모음으로 데이터베이스가 생성되는 사진 사이트를 만드는 데 도움이되며, 관리자는 텍스트를 클릭하여 사진 제목을 업데이트하고 하위 디렉터리를 유지할 수있는 권한을 부여받습니다. .
요구 사항에 따라 전체 사진 갤러리를 관리 할 수 있습니다.이 스크린 캐스트의 전문 분야는 갤러리에 액세스하는 Jquery를 사용하는 것입니다.
CSS 스크린 캐스트 :
17.HTML과 CSS의 기본
웹 사이트에서 미리보기로 사용할 수있는 수준까지 텍스트 파일 일 뿐인 HTML 및 CSS의 기초로 초보자를 도와주세요.
이 스크린 캐스트는 HTML이 콘텐츠이고 CSS가 웹 사이트의 디자인이며 좋은 품질의 웹 사이트를 만드는 방법을 알려줍니다. 여기서 HTML과 CSS의 기본 사항을 모두 배울 수 있으므로 웹 사이트를 쉽게 다룰 수 있습니다. 기본을 잘.
18.편집 가능한 CSS3 이미지 갤러리
클릭하면 크게 나타나는 이미지 그리드 인 매우 전형적인 이미지 갤러리 디자인 패턴을 구축합니다.이 이미지 갤러리는 웹 개발에 대한 매우 전문적인 모습을 제공합니다.
그러나이 이미지 갤러리 페이지는 핫 시맨틱 HTML5 마크 업, CSS3 및 jQuery를 사용한 많은 시각적 처리를 사용하며 CMS PageLime을 통해 편집 할 수 있습니다.
19. CSS 스프라이트 사용 방법
CSS 스프라이트는 오랫동안 뜨거운 주제였습니다. 사실 웹 페이지의 각 이미지는 별도의 서버 요청이며 페이지 성능을 크게 향상시킬 수 있으며 HTTP 요청 수를 줄이면로드 시간이 향상됩니다. 이를 달성하기 위해 우리는 CSS 스프라이트, CSS 스프라이트 생성 방법 및 여기에 설명 된 스프라이트 방법을 사용합니다.
이것은 CSS 스프라이트에 대한 좋은 아이디어와이를 웹 개발 측면에서 사용하는 방법을 제공합니다.
20.960 CSS 프레임 워크 자세히보기
960 그리드 시스템은 960 픽셀 너비를 기반으로 일반적으로 사용되는 치수를 제공하여 웹 개발 워크 플로우를 간소화하기위한 노력입니다. 두 가지 변형 (12 개 및 16 개 열)이 있으며 개별적으로 또는 동시에 사용할 수 있습니다.
웹 애플리케이션을 만들기 위해 코드를 마스터 할 필요가 없습니다. CSS 프레임 워크를 사용하여 코드를 작성할 수 있습니다.이 화면 캐스트를 통해 프레임 워크에 대해 배우고 웹 애플리케이션을 효율적으로 개발할 수 있습니다.
21. 이미지 스위처
Image Switcher는 하나의 핫스왑 가능한 뷰 포트에 일련의 이미지를 자동으로 삽입하는 무료 JavaScript로, 가볍고 표준을 준수하는 순수한 CSS 이미지 스위처입니다. 갤러리 또는 유사한 기능에 사용할 수 있습니다. 너비가 수용 할 수있는 한 원하는 수의 목록 선택 옵션을 사용할 수 있습니다.
링크를 가로 질러 이동할 때 이미지를 변경하는 것은이 스크린 캐스트가 자바 스크립트의 도움없이 가르쳐주는 것입니다.이를 위해서는 마우스 오버시 Z- 색인 전환과 약간의 절대 위치 만 있으면됩니다.
22.포토 갤러리 구축
많은 사람들과 마찬가지로 친구, 가족, 휴가, 결혼식 등의 사진을 보여줄 웹 사이트를 만들고 싶을 수 있습니다. 글쎄,이 작은 튜토리얼은 사진 갤러리를 만들고 인터넷에 업로드하는 방법을 보여줄 것입니다.
CSS는 하위 디렉터리뿐만 아니라 디렉터리의 이미지로 자동으로 구축되는 사진 갤러리를 만들 수 있습니다. Chris Coyier는이 스크린 캐스트에서 자동 사진 갤러리를 만드는 방법을 가르칩니다.
23.오디오 삽입
방문자가 QuickTime 또는 Windows Media Player와 같은 외부 플레이어 없이도 브라우저에서 오디오를들을 수 있도록 웹 페이지 또는 RSS 피드에 MP3 파일 (예 : 팟 캐스트, 노래 또는 배경 음악)을 삽입하는 방법은 무엇입니까?
대부분의 이미지는 이미지 또는 오디오 파일을 사용합니다. 그러나 배경에 오디오가있는 이미지는 사용자가 정보를 쉽게 파악할 수 있도록합니다. Chris Coyier는이 스크린 캐스트에서 JavaScript와 Flash의 도움으로 동일한 내용을 가르칩니다.
24.CSS3 사용
많은 흥미 진진한 새로운 기능과 기능이 고려되고 있습니다. CSS3. 우리는이 웹 페이지에서 그들 중 일부를 시도하고 보여줄 것입니다. 다중 배경, RGB, 테두리 이미지, 테두리 반경, @font face, 애니메이션 / 전환 등과 같은 시각적 향상을 위해 CSS3에 대한 훨씬 더 많은 것이 현재 이동 중입니다.
이 최신 물결을 따라 가려면이 스크린 캐스트를 엿보세요.
25.방화범 소개
웹 디자이너와 개발자가 브라우저에서 직접 결과를 편집하고 볼 수있는 Firefox의 확장 기능인 Firebug를 사용하여 페이지에있는 요소의 마크 업, CSS, 레이아웃 및 DOM에 대한 정보를 얻을 수 있습니다.
이 스크린 캐스트에 대해 자세히 알아 보려면.
26.트위터 업데이트를위한 고유 페이지
올바르게 설계된 경우 트위터 피드는 웹 사이트 레이아웃의 미학을 향상시킬 수 있습니다. 트윗하는 것이 취미라면 처음부터 끝까지 트윗을 표시하고 싶어해야합니다. 예를 들어 Photoshop에서 디자인을 덮을 수 있으며 페이지 스타일도 지정할 수 있습니다.
이 작업을 수행하려면 자바 스크립트에서 CSS까지 페이지 스타일을 지정하는이 스크린 캐스트를 따르십시오.
Codeigniter :
27.기본 스크린 캐스트
Code Igniter는 PHP 프로그램을 작성하고 모든 기능을 갖춘 웹 애플리케이션을 만들기위한 오픈 소스 웹 애플리케이션입니다. 일반적으로 필요한 작업을위한 풍부한 라이브러리 세트와 액세스 할 수있는 간단한 인터페이스 및 논리적 구조를 제공하여 처음부터 코드를 작성합니다. 이 라이브러리.
이 스크린 캐스트에서는 CodeIgniter에 대한 소개와 Derek Jones의 PHP를 사용하여 CodeIgniter에서 블로그를 만드는 방법을 제공합니다.
28.Codeigniter를 사용한 손쉬운 개발
원시 PHP를 사용하면 다소 시간이 걸릴 수 있습니다. 그러나 CodeIgniter, 올바른 라이브러리를 참조하고 일부 구성 옵션을 전달하기 만하면됩니다! 뛰어 들자.
소개를 배운 후 PHP 기술을 조정하려는 열망, 다음 단계로 이동합니다.이 스크린 캐스트는 CodeIgniter에서 PHP를 사용하여 초기 검증 후 이미지를 업로드하고 저장하는 방법을 알려줍니다.
29.Codeigniter를위한 Killer 시작 스크린 캐스트
CodeIgniter로 첫 번째 애플리케이션을 만들고, Form Builder를 사용하여 양식을 만들고, 샘플 애플리케이션을 빌드하고, 20 분 안에 블로그를 만들고, 페이지 매김을 만들고, jQuery Post와 JSON을 통해 데이터를 보내고받을 준비를하십시오. Derek Jones의 10 분 스크린 캐스트에서 .
우리는 당신이 더 많이 배우기를 바랍니다. CodeIgniter 애플리케이션 개발 프레임 워크 스크린 캐스트 시청 후.
XML :
30.xml로 로그인 및 등록 시스템 구축
전체 회원 시스템을 구축하는 것은 지루하고 시간이 많이 걸리는 작업이 될 수 있습니다. 팀 쿠퍼는 대략 XNUMX 분 안에 전체를 만드는 방법을 보여줄 것입니다.
XML을 사용하여 MySQL보다 훨씬 짧은 시간에 로그인 및 등록 양식을 만들 수있었습니다.이 스크린 캐스트의 Tim Cooper는 PHP, .htaccess, 파일, 세션 등을 검토하여이를 보여줍니다.
31.폼 빌더
매우 유연하게 설계된 시스템에서 데이터 유형을 표준화하려고 시도하는 것이 이상하게 보일 수 있지만, 둘 이상의 기관이 캠퍼스 전체의 포트폴리오 배포에 대한 합리적인 기대치를 설정하고 어느 정도의 표준화를 활용하기 위해 IT 리소스를 관리하는 것이 지속 가능한 프로젝트.
XML 스키마 파일을 빌드하는 데 사용할 수 있고 여러 양식에서 다양한 용도로 사용할 수있는 양식 빌더 도구를 사용하여 양식을 빌드하는 기본 사항을 학습합니다. Sean Keesler는이 스크린 캐스트에서 양식을 작성하는 방법을 알려줍니다.
32.XML을 사용하여 테스트 데이터 매개 변수화
Windows의 Internet Explorer에서 웹 애플리케이션 기능을 테스트하는 자동화 스크립트를 작성하십시오.
이 Screen 캐스트에서 Pamie의 도움으로이 작업을 수행합니다. Pamie 테스트 스크립트를 생성하여 양식을 자동화하고 XML 파일을 생성하며 데이터를 읽고 테스트를 실행하는 Python 클래스 파일입니다.
다음을 보여줍니다.
- 양식을 자동화하기 위해 Pamie 테스트 스크립트를 만드는 방법
- 자동화 할 DOM 요소의 이름과 ID를 찾는 방법
- 메모장 ++를 사용하여 처음부터 XML 파일 만들기
- ElementTree를 사용하여 XML 파일의 데이터를 읽는 방법
- 테스트 실행 방법
33.드루팔로 엉덩이를 걷어차는 스크린 캐스팅
Drupal을 배우는 것이 어렵다는 것을 알게 된이 스크린 캐스트는 설치, 노드 시스템, 블록 시스템, 콘텐츠 유형, 테마 개발 등을 시작으로 단계별 프로세스를 실질적으로 쉽게 배울 수 있도록합니다.
또한 Drupal 서적, Drupal 팟 캐스트, Drupal 포럼, Drupal 채널에 대한 리소스를 찾을 수 있습니다.
34. Drupal 검거
Drupal에 대해 알고 싶었던 모든 정보를 얻으십시오.이 스크린 캐스트는 Drupal의 스크린 캐스트, Drupal에 대한 최고의 책, 리소스, 모듈 및 Drupal의 성가심을 제공합니다. Drupal 6에 대한 최신 스크린 캐스트를 받고, CSS Injector, Node Convert, 오픈 뷔페 증후군, 백업 생성, Webform, Login Toboggan, 입력 필터, 티저 길이 및이 콘텐츠 관리 플랫폼 Drupal에 대해 자세히 알아보세요.