什么是CSS Sprite CSS Sprite 又叫CSS精灵，是目前大型网站中经常运用的图片处理方式。它的原理很简单，将网站上零散的小图片（或图标）整合在一张大图上，再用CSS中“background-p_w_picpath”属性来定位图片的X/Y轴位置，从而减轻服务器对图片的请求数量，提高网页加载速度。因为对于当前大多数网速而言，不高于200KB的单
此人博客还不错，有很多新的东西： http://c7sky.com/
这个话题最近很火爆，我也一直在关注，响应式网页设计和移动互联网密切相关，并因移动终端的丰富和普及而兴盛，并且是一个颇具争议的话题，我今天将和大家探讨下。 上周写了个简单的ppt在组内大概介绍了下，感兴趣的话可以先看下这个PPT。 移动互联网的现状和未来 在说到这个话题前，我们先看下网页设计和前端开发的现状： 全球有超过53亿手机用户（包括传统手机）
设计师和开发人员总是试图使用新技术让网站更智能，而我们发现在许多网站上 jQuery 的图像滑块插件是非常受欢迎的。本文继续介绍 15 个 jQuery 图像滑块插件以供您选择。 ELASTISLIDE – 响应式的 jQuery 传送带插件 下载：Elastislide 一款绚丽的jQuery旋转木马插件 Flexslider 很帮的全响应式的 jQuery
响应式网页设计是时下网页设计领域最热门的话题之一，该概念由著名网页设计师 Ethan Marcotte 在2010年5月份提出，其目标是要让设计的网站能够响应用户的行为，根据不同终端设备自动调整尺寸。今天这篇文章向大家推荐20个优秀的响应式布局网页 设计案例，相信这些优秀的网站作品能够帮助你学习响应式网站设计。 01. enochs 02. trentwalton 03.
Javascript面向对象编程（三）：非构造函数的继承 作者： 阮一峰 日期： 2010年5月24日 这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。 今天是最后一个部分，介绍不使用构造函数实现"继承"。
Javascript面向对象编程（二）：构造函数的继承 作者： 阮一峰 日期： 2010年5月23日 这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。 今天要介绍的是，对象之间的"继承"的五种方法。 比如，现在有一个
Javascript 面向对象编程（一）：封装 作者：阮一峰 Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。 那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，
今天在浏览cnbeta.com站的时候，看到了《Chrome开始带来WebKit的通知功能》一文。Chrome又一次领先的发布了新技术的API—webkitNotifications。通过查看它给的例子(Desktop Notification Demo)，里面有比较详细的说明，不过看起来还是比较难懂，所以我整理了下，重新编写了例子中的代码，加上注释，算是比较清晰了吧。《具
分享几个html5拖拽的demo： 1、http://sofish.de/file/demo/drag-and-drop-files.html 2、http://www.gbin1.com/technology/html/20120417html5draganddrop/demo.html 3、http://www.html5china.com/HTML5features/Dra
COOKIES的限制和缺陷 首先，让我们来回顾下cookies。Cookies的出现可谓大大推动了Web的发展，但它既有优点也有一定的缺陷。Cookies的优点在于，它可以允许我们在登陆网站时，记住我们输入的用户名和密码，这样在下一次登陆时就不需要再次输入了，达到自动登陆的效果。 另一方面，cookie的安全问题也日趋受到关注，比如cookie由于存储在客户端浏览器中，很容
所有的浏览器都有自己的缓存机制，但那些机制并不可靠而且难以控制，在你做web开发的时候可能经常因为浏览器缓存带来的问题而烦恼不已。html5通过ApplicationCache接口解决了一些问题，并且使离线存储成为可能，离线存储使得你的web应用可以在用户离线的状况下进行访问。 这个技术显然至少有三个好处： 最直接的好处就是用户可以离线访问你的web应用
html5增加新的特性，那就是增加了本地存储！改善用户体验，或许html5会带着我们走进新的互联网时代。 下面看看怎样操作web 数据库吧！！首先新建数据库！ var db = window.openDatabase("mydata", "1.0","数据库描述",20000); //window.openDatab
简介 HTML5的<video>标签已经被目前大多数主流浏览器所支持，包括还未正式发布的IE9也声明将支持<video>标签，利用浏览器原生特性嵌入视频有很多好处，所以很多开发者想尽快用上，但是真正使用前还有些问题要考虑，尤其是 Opera/Firefox 和IE/Safari浏览器所支持的视频编码不同的问题，Google几个月前发布的开源视频编码VP8有望能
作为下一代的网页语言，HTML5 拥有很多让人期待已久的新特性，其中之一就是 video 标签，让开发者可以在网页中和添加图片一样简单的方式添加视频。在这篇文章中，我收集了7个很棒的HTML5视频播放器，你可以很容易的应用到你的网站中，文章最后还将与大家分享使用 CSS3 和jQuery 开发一个自定义 HTML5 视频播放器的教程。 VideoJS VideoJS
摘要：CSS一直以来都是网页设计师们的最爱，有了它让你轻松构建Web开发。它不仅可以提高页面浏览速度、还可以更好的控制页面布局、更方便的搜索，最重要的一点是CSS非常容易编写，本文收集了8款非常出色的CSS工具，相信总一款适合您。 CSS一直以来都是网页设计师们的最爱，有了它让你轻松构建Web开发。那么CSS优点何在呢？不仅可以提高页面浏览速度、还可以更好的控制页面布局、更方便的
播放器最终效果预览图 1.下载MediaElement.js 首先下载MediaElement.js脚本文件，这是一个开源的HTML5音、视频插件，解压后你会得到3个文件—— "flashmediaelement.swf"、 "mediaelement-and-player.min.js"和 "silverlig
一、引言 HTML5虽未来到其鼎盛时期，但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言，应用的HTML5相关特性有：data-自定义属性、placeholder、以及email类型input文本框。上周新上线的会员中心，自己又应用了HTML5相关内容——HTML5 localStorage本地存储，这里简单分享下，希望能触动一
HTML5 本地存储 1、sessionStorage 2、localStorage 3、Database Storage 4、globalStorage 5、兼容性 参考文献 本地持久化存储一直是本地客户端程序优于 web 程序的一个方面。对于本地应用程序，操作系统会一共一个抽象层，
前言 1991 年物理学家 Tim Berners-Lee 首次在因特网上发布了 HTML 的第一版描述规范文档。经过了 20 多年的发展，HTML 语言成为如今编程最为广泛的语言和互联网上采用最广的文档格式。虽然 HTML 发展十分迅速并具有诸多优点，但其始终不能提供一个良好的矢量绘图解决方案。很多应用为获得绚丽的动画和绘图效果，不得已在页面中嵌入大量的 Fla
【IT168 评论】 如今，HTML5 可谓如众星捧月一般，受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性，其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法，非常强大。今天，本文收集了一些非常好的基于 HTML 5
背景 当 JavaScript 被 Netscape 公司发明出来时，它被用来做一些琐细的事情，比如校验表单、计算日期、提示用户；随着 Web 的迅速发展，这种轻巧而灵活的语言被委以越来越多的任务，动态地修改页面内容，一致地处理事件，甚至无刷新地和服务器交互。然而，与传统的客户端编程相比，JavaScript 操作的对象限制在 DOM 模型之内，无法进行图形编程。所以长久以来，我们在
本篇文章将详细讲解three.js中渲染器（renderer）的设置方法。 three.js文档中渲染器的分支如下： Renderers CanvasRenderer DOMRenderer SVGRenderer WebGLRenderer WebGLRenderTarget WebGLRenderTargetCub
开场白 webGL可以让我们在canvas上实现3D效果。而three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。 博主目前也在学习three.js，发现相关资料非常稀少，甚至官方的api文档也非常粗糙，很多效果需要自己慢慢敲代码摸索。所以我写这个教程的目的一是自己总结，二是与大家分享。
整合jQuery的全景图片展示插件，能帮助你的网站访客更好的浏览你的网站图片。帮助你构建虚拟旅程，全景展示和滚动，无限的图片幻灯，希望大家喜欢！ 相关的插件：分享8个图片360度旋转展示的jQuery插件 1. 360° panoramic view plugin for jQuery 一个全景图由一系列图片经过软件合成的一个广视角效果。它给予访客一个身临其境的感受。
jQuery boxy弹出层插件中文演示及讲解 源文件下载(.zip 37.04K) 测试页面 » 使用该jQuery插件 要想使用该jQuery插件，需要把$(selector).boxy();放在document.ready中。使用合适的选择器表达式替换这里的"selector"，例如："a[rel=boxy],form
jCarousel jQuery下的滚动切换传送插件 翻译: 张鑫旭 作者: Jan Sorgalla 版本: 0.2.3 (更新日志) 下载: jcarousel.tar.gz或jcarousel.zip(英文原版)，或是jcarousel_zh.zip(中文版) 许可: MIT 和 GPL&nbs
jQuery图像照片剪裁插件Jcrop中文演示 Jcrop是jQuery环境下的一款功能强大使用的图片剪裁插件。 静态演示页面 从最简单的开始 — 默认的行为表现 基本处理程序 — 基本形式的结合 锁定纵横比/剪裁效果图预览 — 不错的效果示例 设置/动画选择（
一、响应布局？貌似没听过哈 技术的发展往往导致新事物的产生。关于web页面布局，我们应该听过固定布局(fixed layout)、流体布局(fluid layout)，那响应布局(responsive layout)是哪个鸟蛋呢？ 在说响应布局之前，我们先类比下固定布局和流体布局。先随便找两个网站截个图，例如豆瓣网和google analytics： 豆瓣网就
一、哥，我被你吓住了 打架的时候会被块头大的吓住，学习的时候会被奇怪名字吓住（如“拉普拉斯不等式”）。这与情感化设计本质一致：界面设计好会让人觉得这个软件好用！ 所以，当看到上面“Matrix(矩阵)”的时候，难免会心生畏惧（即使你已经学过），正常心理。实际上，这玩意确实有点复杂。 然而，这却是屌丝逆袭的一个好机会。 CSS同行间： 你是不
Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号
