34個高質量的截屏視頻

我是否曾經做過截屏視頻以使您學習變得更輕鬆,但是如果您喜歡英語,那麼我想我會為您帶來很多樂趣。

Un 截屏 是屏幕輸出的數字記錄 計算機,有時包含音頻旁白。 雖然這個詞 截屏 日期從 2004,例如 蓮花 自從開始使用ScreenCam 1993。 先鋒產品產生了巨大的文件,並且編輯功能有限。 最新產品支持更緊湊的文件格式,例如 Macromedia Flash的 並具有更複雜的編輯功能,可以更改順序,鼠標移動和音頻。

至少有XNUMX個截屏視頻可以提高您的設計和編程技能,全部以英語提供,但講解很好,質量也很好,因此無需擔心。

來源| 第一輪

AJAX:

1.AJAX刷新RSS內容

通過無需手動刷新頁面即可更新內容,從而克服了刷新頁面的麻煩。 該視頻演示了在AJAX的幫助下以及如何刷新RSS feed的方法。

如果您只執行一個提要,那麼我認為滾動自己的JavaScript代碼會更有效,尤其是在解析RSS的情況下。 從我記得的情況來看,SimplePie似乎有很多開銷。

2.簡單的jQuery間諜效果

Realmac的QuickSnapper站點的優點在於,如果關閉了JavaScript,則默認情況下將顯示快照列表。 所以我們會照做。

還要注意的是,它們的版本只會繼續引入新的內容,直到即將結束。 我將向您展示如何保持列表循環,並在後續教程中向您展示如何將其掛接到不會影響服務器並保持效果良好且平滑的Ajax命中。

3.YouTube上排名前25的AJAX視頻教程

這裡介紹的教程從頭開始,介紹瞭如何創建HTML文檔,添加javascript以及將外部javascript鏈接到該文檔,構建AJAX聊天,使用Spy框架將AJAX元素添加到網頁,將AJAX對象插入到Adobe Dreamweaver,如何使用AJAX框架創建混搭應用程序,還為PHP Web創建Delphi,也涉及AJAX MySql數據庫

jQuery:

4.滑動頭(如iPhone)

當您在瀏覽內容時找不到標題而迷失了主題時,Ever Got感到沮喪
當移至下一頁時,此屏幕投射有助於標題保持內容,並在您以微妙的方式移至下一頁時同時替換下一個標題,這對於每個順應趨勢的Web設計師都是非常有用的。

5.重新瀏覽了下滑動畫

您可能已經註意到動畫會跳到末尾,這可能是由於高度問題所致。此屏幕投射可幫助您通過考慮高度因數來找到解決方案,方法是存儲內聯高度並在以後設置內聯高度,然後相應地繼續我們正在顯示或隱藏元素。我們可以使用此操作來顯示結果,也可以在FAQ中使用它,因此無需刷新頁面。

6.滑塊庫

是否要創建帶有幻燈片的畫廊以瀏覽作品? 此屏幕投射可幫助您通過簡單的步驟,借助標記,滑塊小部件控件,jQueryUI,CSS和某些插件(可在需要時提供更快的滾動和暫停)來轉換滑塊位置,以使產品反向滑動。您的產品,也可以滾動圖像等。

7.絕對初學者的jQuery

Jeff Wayne提供了一個為期15天的絕對快速入門系列,其中包含Theme forest.net作為參考,Jeff Wayn每天都有獨家視頻,您可以在其中學習所有方法,Jquery樣式切換器,懸停效果以及在Themeforest.net中使用的更多功能。

該屏幕廣播系列將清晰有效地教會您Jquery,每個截屏都有自己的風格,對於需要以有缺陷的方式學習Jquery的初學者來說非常有用。

8.建立熔岩燈樣式導航菜單

從一開始就學習創建熔岩燈樣式菜單,該菜單最初通過使用三級菜單來演示相同的過程,然後在此屏幕截圖中使用Javascript庫創建熔岩燈菜單。

這是一種非常專業的網站獲利方法,這種菜單可以使您的網站看起來更好。

9.自動無限輪播

大多數情況下,滾動動作不會自動停止,我們需要在需要時手動控制它,因此,在此屏幕演示中演示瞭如何使自動滾動動作並在使用Jquery的鼠標懸停在轉盤上時暫停它。

我們也可以將此轉盤用於動態目的。

10.jQuery Look蒂姆·範·達姆

考慮到動畫邊距-left和background rgba crossfade效果這兩個因素,僅在Webkit中起作用的Tim手風琴和懸停效果的關鍵效果也可以在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編寫的自學教程將教您在ThemeForest博客的幫助下使用PHP上傳文件,該博客是有關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圖片庫

我們建立了一個非常典型的圖片庫設計模式,單擊該圖片時會彈出一個較大的圖片網格,此圖片庫將為您的Web開發提供非常專業的外觀。

但是,此圖片庫頁面利用了熱門的語義HTML5標記,大量CSS3和jQuery視覺效果,並可以通過CMS PageLime進行編輯。

19,如何使用CSS Sprites

長期以來,CSS Sprite一直是熱門話題。 事實是,網頁上的每個圖像都是一個單獨的服務器請求,您可以大大提高頁面的性能,減少HTTP請求的數量可以縮短加載時間。 為了實現這一點,我們使用CSS Sprite,如何創建CSS Sprite以及如何在此處描述這些Sprite。

這將使您對CSS精靈以及如何在Web開發方面使用它有個好主意。

20.詳細了解960 CSS框架

960網格系統旨在通過提供基於960像素寬度的常用尺寸來簡化Web開發工作流程。 有兩種變體:12列和16列,可以單獨使用或串聯使用。

您無需掌握用於創建Web應用程序的代碼,就可以使用CSS框架編寫代碼,並花費一些時間進行此屏幕廣播,以了解框架並有效地開發Web應用程序。

21.圖像切換器

Image Switcher是一個免費的JavaScript,可將一系列圖像自動插入一個可熱插拔的視圖端口中,這是一款輕巧且符合標準的純CSS圖像切換器。 它可以用於畫廊或任何類似的功能。 可以使用任意數量的列表選擇選項,只要寬度可以容納它們即可。

屏幕上顯示的內容是在鏈接上移動時更改圖像,而無需JavaScript的幫助,您只需在懸停時切換z-index並進行一些絕對定位即可。

22.建立照相館

像外面的許多人一樣,您可能需要創建一個網站來炫耀您的朋友,家人,度假,婚禮等的照片。 好吧,這個小教程將向您展示如何創建照片庫並將其上傳到Internet。

通過CSS,可以使用自動創建目錄和子目錄中的圖像的圖庫。 克里斯·科耶爾(Chris Coyier)在此屏幕截圖中教授如何建立自動照片庫。

23.嵌入音頻

如何將MP3文件(如播客,歌曲或背景音樂)嵌入到網頁或RSS提要中,以便訪問者無需使用QuickTime或Windows Media Player等外部播放器即可在瀏覽器中收聽音頻。

大多數圖像我們使用圖像或音頻文件。 但是,背景中帶有音頻的圖像使用戶非常舒適地掌握信息。 克里斯·科耶爾(Chris Coyier)在此屏幕截圖中藉助JavaScript和Flash進行了相同的講授。

24.使用CSS3

正在考慮許多令人興奮的新功能和特性 CSS3。 我們將嘗試在此網頁上展示其中的一些功能,以增強視覺效果,例如多個背景,RGB,邊框圖像,邊框半徑,@ font字體,動畫/過渡以及CSS3的更多功能。

要跟隨最新的潮流,請快速瀏覽一下此屏幕投射。

25.螢火蟲介紹

您可以使用Firebug來獲取有關頁面中元素的標記,CSS,佈局和DOM的信息,Firebug是Firefox的擴展,對於Web設計人員和開發人員而言已成為必然,您可以在其中直接在瀏覽器中進行編輯和查看結果。

要了解更多信息,請學習此屏幕投射。

26.Twitter更新的獨特頁面

如果設計得當, Twitter feed可以改善網站佈局的美感。如果發推是您的消遣方式,那麼您必須渴望從頭到尾顯示您的推文。 例如,您可以在Photoshop中進行設計,也可以為頁面設置樣式。

要完成此任務,請遵循以下屏幕廣播,該屏幕引導您從javascript到CSS來為頁面設置樣式。

Codeigniter:

27.基本截屏

Code Igniter是一個開放源代碼的Web應用程序,用於編寫PHP程序並創建功能齊全的Web應用程序。通過提供一組豐富的庫來執行常見任務,並提供簡單的界面和邏輯結構來進行訪問,從而從頭開始編寫代碼。這些庫。

在此截屏視頻中,向您介紹了CodeIgniter,並提供了Derek Jones使用PHP在CodeIgniter中創建博客的信息。

28.使用Codeigniter輕鬆開發

使用原始PHP,這可能會花費一些時間。 但是,隨著 ,只需參考正確的庫並傳遞一些配置選項即可! 讓我們潛入。

在學習了介紹之後,急於調整PHP技能,繼續進行下一步,此截屏視頻教您上載圖像,並在CodeIgniter中使用PHP進行初始驗證後將其保存。

29.殺手級啟動視頻截屏

在Derek Jones的這20分鐘截屏視頻中,準備好使用CodeIgniter創建您的第一個應用程序,使用Form Builder創建表單,構建示例應用程序,在10分鐘內創建博客,創建分頁,通過jQuery Post和JSON發送和接收數據。 。

我們希望您能進一步學習 CodeIgniter應用程序開發框架 觀看屏幕錄像後。

XML:

30.使用xml構建登錄和註冊系統

建立整個會員系統可能是一項繁瑣且耗時的任務。 蒂姆·庫珀(Tim Cooper)將向我們展示如何在大約三十分鐘內完成整個任務。

使用XML,我們可以在比MySQL少得多的時間內創建登錄和註冊表單,Tim Cooper在此屏幕截圖中通過回顧PHP,.htaccess,文件,會話等向我們展示了這一點。

31.表單生成器

試圖對設計為如此靈活的系統中的數據類型進行標準化似乎很奇怪,但是有多家機構報告稱,為跨園區的項目組合部署設定合理的期望並管理您的IT資源以利用一定數量的標準化對這很有幫助。項目可持續。

了解使用“表單構建器”工具構建表單的基礎知識,該工具可用於構建XML模式文件,也可用於多種形式的多種用途。 肖恩·基斯勒(Sean Keesler)教您在此屏幕截圖中構建表單。

32.使用XML參數化測試數據

創建自動化腳本以在Windows的Internet Explorer中測試Web應用程序的功能。

在此Screen Cast中,借助Pamie(一個Python類文件)來完成此任務,該文件可創建Pamie測試腳本來自動執行表單,創建XML文件,讀取數據並運行測試。

它向您顯示:

  • 如何創建Pamie測試腳本以自動執行表單
  • 如何查找DOM元素的名稱和ID以使其自動化
  • 使用記事本++從頭開始創建XML文件
  • 如何使用ElementTree讀取XML文件中的數據
  • 如何進行測試

33.屏幕投射讓您與Drupal踢屁股

發現很難學習Drupal,此截屏視頻使您可以輕鬆地從安裝,節點系統,塊系統,內容類型,主題開發等開始逐步學習實踐。

您也可以找到有關Drupal書籍,Drupal播客,Drupal論壇和Drupal頻道的資源。

34.Drupal綜述

獲得所有您想了解的有關Drupal的信息,此截屏視頻為您提供了Drupal的最佳屏幕錄像,Drupal的最佳書籍,資源,模塊以及Drupal的煩惱。 獲取有關Drupal 6的最新截屏視頻,了解CSS注入器,Node Convert,開放式自助綜合症,創建備份,Webform,登錄Toboggan,輸入過濾器,預告片長度以及有關此內容管理平台-Drupal的更多信息。


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。