什么是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号