学習を容易にするためにスクリーンキャストを行ったことがありますか、でも英語があなたのものなら、私が持ってきたこのエントリーであなたはたくさん楽しむだろうと思います。
Un スクリーンキャスト の画面出力のデジタル録音です computadora、音声ナレーションが含まれることもあります。 用語が スクリーンキャスト からの日付 2004、などの製品 蓮 ScreenCamは以来使用されました 1993。 パイオニア製品は巨大なファイルを作成し、編集機能が制限されていました。 最新の製品は、次のようなよりコンパクトなファイル形式をサポートしています。 マクロメディアフラッシュ シーケンス、マウスの動き、オーディオを変更できる、より洗練された編集機能を備えています。
デザインとプログラミングのスキルを向上させるためのスクリーンキャストはXNUMX以上あり、すべて英語ですが、非常によく説明されており、優れた品質であるため、心配する必要はありません。
ソース| 第1WD
AJAX：
1.RSSコンテンツを更新するAJAX
手動でページを更新せずにコンテンツを更新することで、ページの更新の煩わしさを克服します。 このビデオでは、AJAXを使用してRSSフィードを更新する方法と方法を示します。
フィードをXNUMXつだけ実行している場合、特にRSSを解析しているだけの場合は、独自のJavaScriptコードをロールする方が効率的だと思います。 私が覚えていることから、SimplePieは多くのオーバーヘッドのようでした。
2.シンプル-Jquery-スパイ効果
RealmacのQuickSnapperサイトの優れている点は、JavaScriptがオフになっている場合、スナップのリストがデフォルトで表示されることです。 だから私たちはそれに続きます。
彼らのバージョンは、それが終わりに達するまで新しいアイテムを引き込み続けるだけであることも注目に値します。 リストのループを維持する方法を示します。フォローアップチュートリアルでは、サーバーに影響を与えず、効果をスムーズに保つAjaxヒットにこれをフックする方法を示します。
3.YouTubeのトップ25AJAXビデオチュートリアル
ここで紹介するチュートリアルは、HTMLドキュメントの作成方法、javascriptの追加、それに外部javascriptのリンク、AJAXチャットの構築、Spyフレームワークを使用したWebページへのAJAX要素の追加、AJAXオブジェクトの挿入の最初から始まります。 Adobe Dreamweaver、AJAXフレームワークを使用してマッシュアップアプリケーションを作成する方法、AJAXMySqlデータベースについてもDelphifor PHPWebを作成する
Jquery：
4.iPhoneのようなスライディングヘッダー
コンテンツの閲覧中にヘッダーが見つからず、件名に迷い込んだときにイライラしたことがあります
次のページに移動するとき、このスクリーンキャストはヘッダーをコンテンツのままにするのに役立ち、次のページに微妙に移動するときに同時に次の見出しを置き換えます。これは、トレンドを追っているすべてのWebデザイナーにとって非常に便利です。
5.スライドダウンアニメーションジャンプの再検討
高さの問題が原因である可能性があるため、アニメーションが最後にジャンプすることに気付いたでしょう。このスクリーンキャストは、インラインの高さを保存し、後でインラインの高さを設定することで高さの要因を考慮して解決策を見つけるのに役立ちます。要素を表示または非表示にします。このアクションを使用して結果を表示したり、FAQでも使用できます。したがって、ページを更新する必要はありません。
6.スライダーギャラリー
アイテムをナビゲートするためのスライド付きのギャラリーを作成したいですか？ このスクリーンキャストは、マークアップ、スライダーウィジェットコントロール、jQueryUI、CSS、および必要に応じてより高速なスクロールと一時停止を提供する特定のプラグインを使用して、スライダーの位置を変換して製品を逆にスライドさせる簡単な手順を支援します。表示できます。あなたの製品とあなたはあなたの画像などを転がすことができます。
7.初心者向けのJquery
Themeforest.netで使用されているすべてのメソッド、Jqueryスタイルのスイッチャー、ホバー効果などを学ぶことができる、毎日の独占ビデオを持っているJeffWayによるリファレンスとしてのThemeforest.netを使用したJqueryの15日間の絶対初心者シリーズ。
このスクリーンキャストシリーズでは、Jqueryを明確かつ効果的に学習します。各スクリーンキャストには独自のスタイルがあり、不完全な方法でJqueryを学習する必要がある初心者にとって非常に役立ちます。
8.溶岩ランプスタイルのナビゲーションメニューを作成する
最初からXNUMXレベルのメニューを使用して同じプロセスを示す溶岩ランプスタイルのメニューを作成する方法を学び、次にこのスクリーンキャストでJavascriptライブラリを使用して溶岩ランプメニューを作成します。
それはあなたのウェブサイトを収益化する非常に専門的な方法であり、このタイプのメニューはあなたにあなたのウェブサイトの見栄えを良くします。
9.自動無限カルーセル
ほとんどの場合、スクロールアクションは自動的に停止せず、必要に応じて手動で制御する必要があるため、Jqueryを使用してスクロールアクションを自動化し、マウスがカルーセル上にあるときに一時停止する方法をこのスクリーンキャストで示します。
このカルーセルは動的な目的にも使用できます。
10.Jqueryルックティムバンダム
Webkitでのみ機能するTimAccordion and Hover効果の主要な効果は、アニメーション化されたマージン（左と背景のrgbaクロスフェード効果）というXNUMXつの要素を考慮に入れると、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のさまざまなトピックに関する短いツアーは、個別のチュートリアルとして提供されます。JefferyWayによるこれらの自己完結型のチュートリアルでは、PHPクエリの完全なソースであるThemeForestブログを利用して、PHPを使用してファイルをアップロードする方法を説明しています。
このスクリーンキャストは、初心者と中級レベルのユーザー向けのさまざまなタイプのトピックをカバーしています。
15.PHP Json JqueryAjaxスクリーンキャスト
jQueryのAJAX機能を使用してPHPとJSONデータソース間の通信を作成するには、JSONデータを送信するスクリプトを作成し、次にPHP配列を作成してからファイルを読み込み、データソースにデータを入力します。
完全な手順については、完全なスクリーンキャストをご覧ください。PHP愛好家向けの高度なスクリーンキャストです。
16.PHPとJqueryを使用した写真管理サイト
このスクリーンキャストは、PHPとjqueryを使用して写真のコレクションを含むデータベースを作成する写真サイトを作成するのに役立ちます。管理者には、写真のタイトルを更新する権限と、テキストをクリックしてサブディレクトリを維持する権限が与えられます。 。
要件に応じてフォトギャラリー全体を管理できます。このスクリーンキャストの専門は、ギャラリーにアクセスしているJqueryを使用することです。
CSSスクリーンキャスト：
17.HTMLとCSSの非常に基本
Webサイトでプレビューとして使用できるレベルまでのテキストファイルのみであるHTMLとCSSの基本について、初心者を支援します。
このスクリーンキャストでは、HTMLがコンテンツであり、CSSがWebサイトのデザインであり、高品質のWebサイトを作成する方法も説明しています。ここでは、HTMLとCSSの両方の基本を学び、習得したときにWebサイトを簡単に処理できるようにします。基本もよく。
18.編集可能なCSS3画像ギャラリー
非常に典型的な画像ギャラリーデザインパターン、クリックすると大きくポップアップする画像のグリッドを構築します。この画像ギャラリーは、Web開発の非常にプロフェッショナルな外観を提供します。
しかし、この画像ギャラリーページは、ホットなセマンティックHTML5マークアップ、CSS3とjQueryによる視覚的な扱いを利用し、CMSPageLimeを介して編集可能になっています。
19.CSSスプライトの使用方法
CSSスプライトは長い間話題になっています。 実際のところ、Webページ上の各画像は個別のサーバー要求であり、ページのパフォーマンスを劇的に向上させることができます。HTTP要求の数を減らすと、読み込み時間が短縮されます。 これを実現するために、CSSスプライト、CSSスプライトの作成方法、およびそれらのスプライトの作成方法をここで説明します。
これにより、CSSスプライトと、これをWeb開発側で使用する方法についての良いアイデアが得られます。
20.960CSSフレームワークの詳細
960グリッドシステムは、960ピクセルの幅に基づいて、一般的に使用されるサイズを提供することにより、Web開発ワークフローを合理化するための取り組みです。 12つのバリエーションがあります。16列とXNUMX列で、個別にまたはタンデムで使用できます。
Webアプリケーションを作成するためにコードを習得する必要はありません。CSSフレームワークを使用してコードを記述できます。この画面キャストを使用して、フレームワークについて学習し、Webアプリケーションを効率的に開発してください。
21.イメージスイッチャー
Image Switcherは、一連の画像をXNUMXつのホットスワップ可能なビューポートに自動的に挿入する無料のJavaScriptです。これは、軽量で標準に準拠した純粋なCSS画像スイッチャーです。 ギャラリーや同様の機能に使用できます。 幅がそれらに対応できる限り、任意の数のリスト選択オプションを使用できます。
リンクを移動するときに画像を変更することは、JavaScriptの助けを借りずにこのスクリーンキャストが教えてくれることです。これを実現するには、ホバーをオンにしたz-indexの切り替えと少しの絶対位置だけが必要です。
22.フォトギャラリーの構築
他の多くの人と同じように、友人、家族、休暇、結婚式などの写真を披露するWebサイトを作成することをお勧めします。 さて、この小さなチュートリアルでは、フォトギャラリーを作成してインターネットにアップロードする方法を紹介します。
CSSを使用すると、ディレクトリおよびサブディレクトリの画像を使用して自動的に構築されるフォトギャラリーが可能です。 Chris Coyierは、このスクリーンキャストで、自動フォトギャラリーの構築について教えています。
23.オーディオの埋め込み
訪問者がQuickTimeやWindowsMedia Playerなどの外部プレーヤーを必要とせずにブラウザー自体でオーディオを聞くことができるように、MP3ファイル（ポッドキャスト、曲、バックグラウンドミュージックなど）をWebページまたはRSSフィードにどのように埋め込みますか。
ほとんどの画像は、画像または音声ファイルを使用しています。 しかし、背景に音声がある画像は、ユーザーが情報を非常に快適に把握できるようにします。 Chris Coyierは、このスクリーンキャストでJavaScriptとFlashを使用して同じことを教えています。
24.CSS3の使用
多くのエキサイティングな新機能が考えられています CSS3。 このWebページでそれらのいくつかを紹介します。複数の背景、RGB、境界線の画像、境界線の半径、@ font face、アニメーション/トランジションなどの視覚的な機能強化のために、CSS3の多くが現在進行中です。
この最新の波を追うには、このスクリーンキャストを垣間見ることができます。
25.Firebugの紹介
Firebugを使用すると、ページ内の要素のマークアップ、CSS、レイアウト、およびDOMに関する情報を取得できます。Firebugは、ブラウザで直接結果を編集および表示できるWebデザイナーや開発者にとって避けられなくなったFirefoxの拡張機能です。
詳細については、このスクリーンキャストをご覧ください。
26.Twitterアップデートのユニークなページ
正しく設計されている場合、 Twitter フィードはウェブサイトのレイアウトの美学を向上させることができます。ツイートがあなたの娯楽である場合、あなたは最初から最後まであなたのツイートを表示することに熱心でなければなりません。 たとえば、Photoshopでデザインをカバーしたり、ページのスタイルを設定したりできます。
このタスクを実行するには、JavaScriptからCSSにガイドするこのスクリーンキャストに従って、ページのスタイルを設定します。
Codeigniter：
27.基本的なスクリーンキャスト
Code Igniterは、PHPプログラムを作成し、フル機能のWebアプリケーションを作成するためのオープンソースWebアプリケーションです。一般的に必要なタスク用の豊富なライブラリセットと、アクセスするためのシンプルなインターフェイスと論理構造を提供することにより、コードを最初から作成します。これらのライブラリ。
このスクリーンキャストでは、CodeIgniterについて紹介し、DerekJonesによるPHPを使用してCodeIgniterでブログを作成します。
28.codeigniterで簡単に開発
生のPHPでは、これには多少時間がかかる場合があります。 しかし、 CodeIgniter、それは単に正しいライブラリを参照し、いくつかの構成オプションを渡すだけの問題です！ に飛び込みましょう。
イントロダクションを学んだ後、PHPスキルの調整に熱心です。次のステップに進みます。このスクリーンキャストでは、CodeIgniterでPHPを使用した最初の検証後に、画像をアップロードして保存する方法を説明しています。
29.codeigniterのキラー起動スクリーンキャスト
Derek Jonesによるこの20分間のスクリーンキャストで、CodeIgniterを使用して最初のアプリケーションを作成し、フォームビルダーを使用してフォームを作成し、サンプルアプリケーションを作成し、10分でブログを作成し、ページネーションを作成し、jQueryPostとJSONを介してデータを送受信する準備をします。 。
私たちはあなたがさらに学ぶことを望んでいます CodeIgniterアプリケーション開発フレームワーク スクリーンキャストに気をつけた後。
XML：
30.xmlを使用してログインおよび登録システムを構築します
メンバーシップシステム全体を構築することは、退屈で時間のかかる作業になる可能性があります。 ティム・クーパーは、およそXNUMX分で全体を構築する方法を紹介します。
XMLを使用すると、MySQLよりもはるかに短い時間でログインおよび登録フォームを作成できます。このスクリーンキャストのTim Cooperは、PHP、.htaccess、ファイル、セッションなどを確認することでこれを示しています。
31.Form builder
非常に柔軟に設計されたシステムでデータ型を標準化しようとするのは奇妙に思えるかもしれませんが、複数の機関が、キャンパス全体でのポートフォリオ展開に合理的な期待を設定し、ある程度の標準化を活用するためにITリソースを管理することは、持続可能なプロジェクト。
XMLスキーマファイルの作成に使用でき、多くのフォームでさまざまな目的に使用できるフォームビルダーツールを使用してフォームを作成するための基本を学びます。 Sean Keeslerは、このスクリーンキャストでフォームを作成する方法を教えています。
32.XMLを使用してテストデータをパラメータ化する
自動化スクリプトを作成して、Windows上のInternetExplorerでWebアプリケーションの機能をテストします。
このスクリーンキャストから、Pamie（フォームを自動化し、XMLファイルを作成し、データを読み取り、テストを実行するためのPamieテストスクリプトを作成するPythonクラスファイル）を使用してこのタスクを実行します。
それはあなたに示します：
- フォームを自動化するためのPamieテストスクリプトを作成する方法
- 自動化するDOM要素の名前とIDを見つける方法
- メモ帳++を使用してXMLファイルを最初から作成する
- ElementTreeを使用してXMLファイルのデータを読み取る方法
- テストの実行方法
33.Drupalでお尻を蹴るスクリーンキャスト
Drupalを学ぶのは難しいと思います。このスクリーンキャストを使用すると、インストール、ノードシステム、ブロックシステム、コンテンツタイプ、テーマ開発などから始まるステップバイステップのプロセスを実際に簡単に学ぶことができます。
また、Drupalの本、Drupalポッドキャスト、Drupalフォーラム、Drupalチャネルのリソースを見つけることができます。
34.Drupalのまとめ
Drupalについて知りたいすべての情報を入手してください。このスクリーンキャストは、Drupalの最高のスクリーンキャスト、Drupalに関する最高の本、リソース、モジュール、およびDrupalの煩わしさを提供します。 Drupal 6で最新のスクリーンキャストを入手し、CSSインジェクター、ノード変換、オープンビュッフェシンドローム、バックアップの作成、Webフォーム、ログイントボガン、入力フィルター、ティーザーの長さなど、このコンテンツ管理プラットフォームについての詳細をご覧ください-Drupal。