学习教程

学习教程频道为您提供HTML5教程、CSS3教程、jQuery教程以及其它技术教程,让您系统的学习相关的技术知识。
怎样制作单页网站?国外优秀案例给你灵感

怎样制作单页网站?国外优秀案例给你灵感

单页网站是提供给用户简约易用的体验的好方法。在一个单页面中展示你需要的所有内容可能是一个充满挑战性的过程,但很多设计师喜欢这个风格,并创作出很多惊人的单页...

三分钟HTML5画布(Canvas)动画教程

通常大部分Web程序员平时的工作只是开发一些常规的网站、信息化办公系统等。在他们的眼里,Web游戏动画开发程序员似乎神奇的多,Web游戏动画明显比普通的Web应用要灵...

LESS-Middleware:Node.js 和 LESS 的完美搭配

LESS是一个编写CSS的很好的方式,让你可以使用变量,嵌套规则,混入以及其它许多有用的功能,它可以帮助您更好地组织你的CSS代码。   最近我一直在研究Node.j...

JavaScript中的原型和继承

JavaScript中的原型和继承

请在此暂时忘记之前学到的面向对象的一切知识。这里只需要考虑赛车的情况。是的,就是赛车。 最近我正在观看24HoursofLeMans,这是法国流行的一项赛事。...

使用CSS3帧动画打造与众不同的响应式提交按钮

使用CSS3帧动画打造与众不同的响应式提交按钮

在现代的网页设计中,用户体验是一个热门的话题。特别是在移动手机的应用中,一个好的用户体验可以吸引住更多的用户。如果在页面中使用CSSanimations制作一些特别的...

使用CSS3 BACKFACE-VISIBILITY属性制作翻转动画效果

使用CSS3 BACKFACE-VISIBILITY属性制作翻转动画效果

使用CSS3backface-visibility属性我们可以制作出许多有趣的动画效果。当你翻转一个元素的时候,你看到的是什么?通常情况下,我们应该看到的是元素的背面,这是正常的情...

CSS自定义光标样式

CSS自定义光标样式

最近W3C组织宣布HTML5标准正式发布,这对于WEB程序员来说是一个应该庆祝的日子。HTML5标准和浏览器的进步给Web程序员的开发带来的极大的便利,以前几乎无法实现或非...

纯HTML+CSS实现阿童木头像

纯HTML+CSS实现阿童木头像

他有十万马力,能上天能入地;他分辨善恶,是勇敢正义化身;1963年,他登上荧幕,在日本创下了未曾有过的高收视率……他叫阿童木,一个纯真、善良、勇敢的机器娃娃。“阿童木之...

超酷响应式带缩略图的jQuery轮播图插件

超酷响应式带缩略图的jQuery轮播图插件

PgwSlideshow是一款非常实用的响应式、支持触摸屏的jQuery轮播图插件。该轮播图插件带有缩略图预览效果,可以根据容器的大小自适应图片的宽度。你也可以自定义轮播...

Web即时聊天系统:jquery-chat

Web即时聊天系统:jquery-chat

jQChat是一个纯JavaScript实现的,类似于facebook/gmailWeb风格的即时聊天工具。采用jQueryUI+Node.js+Socket.IO开发。具有以下特点: 支持多用户聊天支持多国...

基于Threejs的jQuery 3d图片旋转木马特效插件

基于Threejs的jQuery 3d图片旋转木马特效插件

这是一款基于ThreeJS的炫酷3D旋转木马图片画廊特效插件。该旋转木马特效可以设置图片预加载,带有前后导航按钮,可以使用鼠标前后旋转,并可以设置3D透视的位置。 查...

12个最新免费的jQuery插件周报

12个最新免费的jQuery插件周报

如今,jQuery插件众多,满足各种各样的应用需求。在这篇文章中,我收集了12款很棒的插件!希望你能从中找到自己需要的插件。 ElasticSVGSidebarMaterialDesign 弹性SVG...