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 the Accordion and Hover效果的关键效果也可以在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是网站的设计,以及如何创建质量良好的网站。

18.可编辑CSS3图片库

我们建立了一个非常典型的图像画廊设计模式,单击该图像时会弹出较大的图像网格,此图像画廊将为您的Web开发提供非常专业的外观。

但是,此图片库页面利用了热门的语义HTML5标记,大量CSS3和jQuery视觉效果,并可以通过CMS PageLime进行编辑。

19,如何使用CSS Sprites

长期以来,CSS Sprite一直是热门话题。 事实是,网页上的每个图像都是一个单独的服务器请求,您可以大大提高页面的性能,减少HTTP请求的数量可以缩短加载时间。 为了实现这一点,我们使用CSS Sprites,如何创建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来完成此任务-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. 权利:您可以随时限制,恢复和删除您的信息。