你的位置:首页 > 软件开发 > 网页设计
  • HTML 5缓存机制:Cache Manifest配置实例
    Cache Manifest是HTML 5的一种缓存机制,文章作者直接用博客当测试环境,虽然应用起来非常简单,但效果却出奇的好。缓存后的速度,简直是惊人的快。像Yslow显示,打开一个缓存过的页面,只要0.729秒,比不缓存的差不多快了10倍。一、Cache Manifest基础知识作为一个Web开发相关的人员,都不会少听到、看到Cache这个词。是的,上面也已经说了,它是一种缓存的机制。它可以通 ...
    html52012年04月14日 19:000
  • HTML 5 Web SQL核心三叉戟
    Web SQL数据库API实际上未包含在HTML 5规范之中,它是一个独立的规范,它引入了一套使用SQL操作客户端数据库的API。假设你是一名优秀的Web开发人员,那毫无疑问,你对SQL和数据库的相关概念已经很熟悉了,如果你对SQL不熟悉,那在继续阅读本文之前,最好先学习一下SQL相关的教程。最新版本的Chrome,Safari和Opera浏览器都支持Web SQL数据库。核心方法本文将介绍规范中 ...
    html52012年04月14日 19:001
  • 初学者必知的HTML 5入门级技巧
    Web技术的发展速度太快了,如果你不与时俱进,就会被淘汰。因此,为了应对即将到来的HTML 5,本文总结了11个HTML 5的初级技巧,希望能对你进一步学习好HTML 5会有所帮助。1. 新的Doctype声明XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明。<!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
    html52012年04月14日 19:001
  • 使用HTML5开发离线应用
    HTML5 是目前正在讨论的新一代 HTML 标准,它代表了现在 Web 领域的最新发展方向。在 HTML5 标准中,加入了新的多样的内容描述标签,直接支持表单验证、视频音频标签、网页元素的拖拽、离线存储和工作线程等功能。其中一个新特性就是对离线应用开发的支持。在开发支持离线的 Web 应用程序时,开发者通常需要使用以下三个方面的功能:离线资源缓存:需要一种方式来指明应用程序离线工作时所需的资源文 ...
    html52012年04月14日 19:001
  • CSS3边框
    CSS3提供了新的边框 ,其中,有圆形边框,边框的颜色也是非常有趣。 Mozila / Firefox已经支持该特性,你可以创造很酷的边框。请看一个例子:在Mozilla浏览器/ Firefox中效果为:显示一灰色的边框该效果CSS3代码如下:border: 8px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aa ...
    css32012年04月14日 18:001
  • 用css3做html5Logo
    一、号外号外号外号外,HTML官方logo华丽丽滴诞生了。您可以起官方logo页面(点击这里)其观摩。它是如此的闪耀,以至于我不得不用手挡住眼前的强光,它的朝气,它的魄力迎面袭来,让人窒息。上图为截图,截图也是图。下图为其128卡哇伊袖珍版图片:下图为256蓬勃朝气青少年版的:下图为标准256*256 背景索引透明阳刚少年版:HTML5出了此款logo,意义重大。我觉得这标志着HTML5已经发展到 ...
    html52012年04月14日 18:004
  • 如何让IE浏览器支持CSS3圆角
    让IE浏览器支持CSS3圆角,在IE浏览器中实现圆角的效果,一般我们会采用圆角图片的方式来实现。那我们可以通过CSS3样式来实现网页圆角效果吗? 下面我们就来介绍一些在IE浏览器中通过CSS3实现圆角的方法,如何用CSS3样式表来实现圆角效果。要注意的是,IE6/7/8这三个IE浏览器版本都不支持CSS3 ...
    CSS2012年04月14日 18:002
  • HTMl5结构元素:header
    页眉header 页眉将是页面加载的第一个元素,包含了站点的标题、logo、网站导航等。<header> <div > <div > <h1><a href="index.html"><strong>Real</strong> Estate</ ...
    html52012年04月14日 18:002
  • 突袭HTML5之SVG 2D入门4
    前面我们重点都在总结各类形状,文本和图片,接下来,我们还是和讨论canvas一样,总结一下颜色处理,也就是填充和边框效果;你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中,也可以以CSS的形式保存(这是与canvas不一样的地方)。填充色 - fill属性  这个属性使用设置的颜色填充图形内部,使用很简单,直接把颜色值赋给这个属性就可以了。看例子:<rec ...
    HTML5 svg2012年04月14日 18:000
  • 兼容所有浏览器的CSS3圆角
    解决CSS3圆角兼容所有浏览器的方法。本文提到了一种很不错的实现跨浏览器圆角的解决方案,但是说的不够全面,前端观察最近将整理更多更全面的资源给大家,敬请期待。 译 :前一段时间,我经常收到一个关于如何在IE浏览器中使用CSS3的border-radius属性实现圆角HTML元素的问题。你或许知道CSS3的border-radius 属性被Safa ...
    CSS2012年04月14日 18:001
  • 突袭HTML5之SVG 2D入门5
    SVG和canvas中是一样的,都是使用标准的HTML/CSS中的颜色表示方法,这些颜色都可以用于fill和stroke属性。基本有下面这些定义颜色的方式:1. 颜色名字: 直接使用颜色名字red, blue, black...2. rgba/rgb值: 这个也很好理解,例如#ff0000,rgba(255,100,100,0.5)。3. 十六进制值: 用十六进制定义的颜色,例如#ffffff。4 ...
    HTML5 svg2012年04月14日 17:010
  • 让IE也支持html5标签
    <!–[if IE]><script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>< ![endif]–>引用以上google的JS(下载下来引用本地的也一样的)放在页面的head区域 ...
    html5标签2012年04月14日 13:000
  • Hadoop使用常见问题以及解决方法6
    reduce exceed 100%"Reduce Task Progress shows > 100% when the total size of map outputs (for asingle reducer) is high "造成原因:在reduce的merge过程中,check progress有误差,导致status > 100%,在统计过程中就会出 ...
    hadoop2012年04月14日 00:000
  • Hadoop使用常见问题以及解决方法7
    Windows eclispe调试hive报does not have a scheme错误可能原因1、Hive配置文件中的“hive.metastore.local”配置项值为false,需要将它修改为true,因为是单机版2、没有设置HIVE_HOME环境变量,或设置错误3、“does not have a scheme&rd ...
    hadoop2012年04月14日 00:0011
  • 第一章 Hadoop启动Shell启动脚本分析
    欢迎大家相互交流,共同提高技术。 第一章 Hadoop启动Shell启动脚本分析第一节 start-all.sh脚本此脚本很简单,就是根据运行此脚本的目录进入安装hadoop目录下的bin目录,然后运行启动hdfs和mapred的启动脚本。 [plain] view plaincopybin=`dirname "$0"` bin=`cd & ...
    hadoop2012年04月14日 00:000
  • CSS选择器的浏览器支持
    kimblim网站整理了一份很全面的CSS选择器支持情况,我将其翻译过来并进行进一步的整理,将其尽可能的简化。同时结合evotech网站整理的CSS选择器支持列表,以及我自己平时总结的一些tips。熟悉jQuery的人可能都知道,jQuery的灵魂就是它的选择器,同样我认为选择器是css最强大的功能之一,在不久的将来也会得到重视。jQuery的选择器功能得益于CSS3选择器提供的灵感,却是目前兼容 ...
    css32012年04月14日 00:000
  • HTML5与Web APP浅谈
    伴随着移动设备的快速崛起,App市场的发展也日渐迅猛,目前iOS和Android平台的App数量总和也达到100万款之多,据AAWP报 道,Windows Phone的应用市场数量已突破8万,晋升成为第三大应用平台。移动数据分析公司Flurry在2011年App趋势报告中显示,人们花费在App上的时 间已经超过人们浏览网页的时间。未来App的市场呈现一片光明景象,而对于移动开发商来说,不同平台的应 ...
    html5 Web APP2012年04月13日 23:000
  • CSS3边框背景
    另一个令人兴奋的新特征是边框图片。有了这项功能您可以定义一个图像被用来代替正常的边框的一个组成部分。这项功能实际上是分成了几个属性:边框和边框角的形象。这两个值是: border-image:border-top-imageborder-right-imageborder-bottom-imageborder-left-imageborder-corner-image:border-top-l ...
    css32012年04月13日 22:000
  • 什么是CSS3?
    CSS  CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。   CSS3提供了非常多新途径去改善你的设计工作,且做 ...
    html52012年04月13日 22:000
  • Hadoop使用常见问题以及解决方法5
    hadoop的job显示webThere are web-based interfaces to both the JobTracker (MapReduce master) and NameNode (HDFS master) which display status pages about the state of the entire system. By default, these ar ...
    hadoop2012年04月13日 22:000
  • HTML5 Web Storage
    sessionStorage方法如果关闭了浏览器,这个保存的数据就丢失,在一次打开浏览器浏览这个页面的时候,点击读取数据将读取不到任何数据。而localStorage则是浏览器被关闭,下次在打开浏览器浏览这个页面点击读取数据时任然能读取到保存的数据。当然,这个数据是区分浏览器的,在别的浏览器中是读取不到这个浏览器保存的数据的。两种对象使用方法1.sessionStorage保存数据:session ...
    html52012年04月13日 19:000
  • JQuery插件Style定制化方法的分析与比较
    JQuery插件Style定制化方法的分析与比较1 前言最近因为项目的需要,使用了一个JQuery插件。把插件下下来后,很快我就发现,很多默认的插件Style不符合项目要求,必须要被修改。在这个过程中,我发现自己先后使用了多种不同的方法实现插件Style的定制化。很高兴最后找到了我认为最好的方法,对CSS的认识也加深了不少,感触颇多。这篇文章就是对这 ...
    2012年04月13日 19:000
  • CSS 必知的7个知识点
    无敌的老公昨天给俺进行了一堂css的培训~~哎,为神马老公啥都知道,我神马都不懂,自愧不如啊~~555好记性不如烂笔头,遂在此一一总结。本人小菜,从最基础的内容开始。1、width是个地雷  很多页面要求宽度自适应,那么width设百分比吧,否则就是粘着不走的狗皮膏药啦当没有定义元素宽度时,浏览器撑满整行,实际上执行的是width:auto,宽度自适应。2、IE6不认识min-height  解决 ...
    CSS2012年04月13日 17:001
  • web前端学习笔记,实践篇(一)HTML
    今天开始,我将写我学习时的笔记,仅限于前端,三个最基础的编程,HTML CSS JAVASCRIPT;关于HTML如何形成,以及今后的发展,我这里就不写了,只推荐《HTML权威指南第三版》这本书,上述问题,在它处能寻到解答。整个HTML页面,大致上包括四个部分,doctype html head body;以下是需要注意的事项:1:doctype:它不属于标签,doctype这个属性只在声明,这是 ...
    HTML2012年04月13日 15:002
  • 社交型网站首页面设计分析
    本文希望通过对社交型网站主页进行的对比分析得到一些思考,并和大家分享探讨提升社交型网站的注册转化率的优秀设计原则。一般来说用户注册转化流程大致由以下几个部分组成:1. 能吸引用户注册的主页内容;2. 简便、快速的注册流程;3. 有效的寻找、邀请朋友机制;4. 吸引新用户注意力的引导。此文将探讨第一部分“ 吸引用户注册的主页内容 ”,我 ...
    社交型网站 面设计分析2012年04月13日 12:006
  • 分享15套精美的 PSD 网页设计素材
    设计师经常会去网上搜罗各种各样的素材,这些免费素材不仅能帮助他们节省大量的时间,而且能有很好的效果。今天这篇文章收集了15套非常精美的 PSD 网页设计素材,你可以免费下载使用。非常感谢那些很有才华的设计师分享它们的劳动成果,让更多的人可以使用他们的创意设计。记得分享和推荐一下哦 :)
    PSD2012年04月13日 10:000
  • 非常酷的HTML5游戏及部分源码
    自HTML5标准诞生以来,我们的WEB页面正在以非常快的速度变化着,就拿网页游戏来说,以前我们看到的大多数网页游戏均已Flash游戏为主,当然Flash在当时已经满足了大部分游戏的要求(包括现在的网页游戏仍旧是Flash主流)。但是如今HTML5正在以惊人的速度发展,而HTML5游戏目前虽说没有太大的突破,但随着HTML5的广泛普及和其在移动领域的深入应用,相信HTML5游戏会成为网页游戏的一种趋 ...
    HTML2012年04月13日 09:003
  • javascript正则表达式二
    var re = /[a-z]$/; var str = "ab\ncdef"; alert(str.replace(re,"#"));//ab\ncde# re =/[a-z]$/m; alert(str.replace(re,"#"));//a#\ncde# 使用元字符注意事项:元字符是正则表达式的一部分 ...
    JavaScript2012年04月13日 02:000
  • 9个让你惊呆的HTML5动画特效
    HTML5的确是非常的出色,你不信?好吧,用下面的特效来惊爆你的眼睛吧。以前很多绚丽的网页特效都需要用Flash来完成,而现在,有了HTML5,我们可以更加灵活方便的去创建一些自己喜爱的特效。好了,一起看看下面的9个HTML5特效吧,如果喜欢,可以分享给你的好友。Breathing Galaxies这个HTML5特效随着你鼠标的移动产生很多色彩夺目的光点,等你鼠标静止,光点便渐渐散开来,非常的酷的 ...
    HTML2012年04月12日 21:003
  • HTML5表单新特征简介与举例
    一、前言一撇其实关于HTML5的表单特征早在去年“你必须知道的28个HTML5特征、窍门和技术”一文中就有所介绍,不过,有些遗憾的是,此部分的介绍是以视频形式展示的,其实,是视频还好啦,关键是TouTuBe视频,需要越狱观看。得,像我这样安分守已的良民,除了看空姐,其他情况都是懒得fan墙的,所以这部分视频展示的内容,其实就是个“空&am ...
    html52012年04月12日 21:001
  • HTML5测试网页
    HTML5网页测试-未来打造出来的网页会有多强大,我不得而知。作为一个HTML5初学者,不得不感叹人类的想象力与创造力。我们一直追寻和期待,当你打开一个华丽的HTML5 demo,是无尽的遐想还是无比的震撼?当它们真正在互联网上应用会是什么样的体验感觉,这让我对HTML5网页更加期待。我们应该感谢每一位HTML5网页开发者,和分享他们的人们!也希望大家能分享更多这些很炫的网站给我们。 下面 ...
    html52012年04月12日 20:006
  • 新版Dreamweaver CS5 新功能与改进
    Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成,用户可以使用 Adobe Dreamweaver CS5的CSS 检查工具进行设计,并使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。  下面我们一起看看Adobe Dreamweaver CS ...
    css32012年04月12日 20:001
  • 用css的手段解决Google Chrome浏览器的字体最小12px问题
    Google Chrome由于使用Webkit内核,所以存在一个bug,就是字体最小默认为12px,不管你css里怎么定义。用css的解决方法是加上如下定义: -webkit-text-size-adjust:none; 附:路径“Documents and Settings你的用户名Local SettingsApplication DataGoogleChromeUser DataDefa ...
    CSS2012年04月12日 16:003
  • 一年web前端经验整理(三)
    开发工具集合:以下皆是我日常工作中所使用的工具,前端基本涵盖。网页开发工具:photoshop,Microsoft Visual Web Developer 2010 Express,Aptana Studio 3。photoshop:图片处理软件,前端的工作,只要会切图就好,所以就不多介绍了。Microsoft Visual Web Developer 2010 Express:学习版VS FO ...
    Web前端2012年04月12日 15:000
  • form表单提交一些问题
    form表单的提交,实现方法一般有:1、input type="submit" 2、输入框然后直接“Enter"3、脚本form.submit().......很多情况下我们习惯输入信息后直接“Enter",操作方便,不用再去拿鼠标点来点去。这个时候,有些问题就来了,“Enetr"后, ...
    2012年04月12日 14:000
  • 一年web前端经验整理(二)
    在这里我要写的是,模块化开发,团队组合,以及良好的编程习惯。模块化开发:在前端静态页面中,往往是有很多结构是需要重复使用的,所以在开发经验中,为了节约开发时间,方便维护,于是有了模块化开发这一编码经验。何谓模块化?其实是提取公共的结构,在写在新的HTML页面中,通过PHP这样后端语言,引入。在实践中,我们需要借助两个工具,一是:wamp。二是:PHP(当然也可以是C#)。这是我实际开发的项目,我把 ...
    Web前端2012年04月12日 13:003
  • 如何做一个有趣的设计
    你有没有遇到过这样的情景,我们曾试图改变别人反馈的“乏味”、“过时”的评价,可更新后的方案仍等不到对方说“Yes”?你反问他究竟什么才“不土”,可对方说不清具体标准。你只好悻悻地拿回去再修改…一次又一次,直到你要抓狂了 ...
    有趣 设计2012年04月12日 13:002
  • css div自适应宽度实例
    当内容超出父级元素宽度,在未设置white-space:nowrap时会自动换行,设置了white-space:nowrap样式又不能关联到滚动条延伸的部分,解决方案如下: 1、在父级元素添加white-space:nowrap属性; 2、计算(每一行)内容宽度; a、将内容拆分 ...
    CSS2012年04月12日 10:002
  • HTML5编程百例之二:用动画的形式切换图片
    本文主要用到的知识  本文主要用到了Canvas API中的drawImage方法,下面对此方法略做介绍。  在Canvas API中绘制图像用drawImage方法,这是一个重载方法,定义如下:context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context.drawImage(image,sx,sy,sw,sh,dx,d ...
    HTML5 JavaScript2012年04月11日 22:000
  • 20佳用于手绘风格网页设计的字体素材
    之前和大家分享了很多的英文字体,有英文手写字体、复古字体、广告字体、LOGO字体等等。今天要向大家分享20款漂亮的英文手绘字体,您可以免费下载使用。这些免费的英文手绘字体特别适合网页设计师,平面设计师和电脑艺术人员。如果您正在寻找漂亮的免费英文手绘字体,那么这份清单正是为您准备的,赶紧下载吧。
    字体2012年04月11日 22:002
  • 一年web前端经验整理(一)
    来公司的前三个月,我所做的事情最多的是重构与切图。其实到现在为止,所做的事情最多的依然是重构、切图、外加写整个站点的js脚本。对标签的理解:下面给出一段小页面,在无样式的情况下,依然可以正常显示。<div> <h1>我最爱的游戏</h1> <dl> ...
    Web前端2012年04月11日 17:004
  • 一直想知道这个地址是php加密的还是js加密的,结果是url编码
    不知道是晕了还是怎么的,在其他浏览器里图片和css都是这种地址www%20_%E7%88%B1%E7%9A%84City%EF%BC%81%E7%88%B1%E8%87%AA%E5%B7%B1%EF%BC%81_files/icon.png 然后就惯性的思考是不是加密了,用了哪种加密方法,试过了base64,md5,eval()等等。。。 忙活了半个 ...
    2012年04月11日 15:031
  • input file 兼容浏览器写法
    <style type="text/css">.ifile {position:absolute;opacity:0;filter:alpha(opacity=0);}</style><form method="post"> <input type="file" name="f ...
    浏览器2012年04月11日 12:001
  • 9个对web设计师有用的Chrome扩展
    Chrome的用户群在快速增长,如果你是一位准备尝试更换浏览器的设计师,但又舍不得离开FF上那些有用的工具,这里提供的一些替用方案。包括CSS调试工具,取色,量尺,分辨率调整,快速修改hosts,速度跟踪,截屏等工具。Web Developer BuiltWithEye DropperMeasureIt!Window ResizercsscanMultiSwitchWhenever you hav ...
    web设计师 Chrome扩展2012年04月11日 12:002
  • 用css3制作旋转加载动画的几种方法
    以WebKit为核心的浏览器,例如Safari和Chrome,对html5有着很好的支持,在移动平台中这两个浏览器对应的就是IOS和Android。最近在开发一个移动平台的web app,那么就有机会...
    CSS2012年04月11日 10:001
  • IE6的Bug: 绝对定位遇到浮动后消失
    昨天写CSS的时候,这个问题让我纠结了两三个小时,虽然经历过不少IE6对CSS的不堪目睹的表现,但这次就太让人摸不到头脑了,好在有很多人都曾经遇到过这个问题,整理一下贴在这里。问题表现:“content” 标签的宽度为600px,内包含三个Div标签,分别为“time”、 “date&rdq ...
    2012年04月11日 00:003
  • canvas的fillText参数解释
    一开始用filleText总是显示不出来文字,很是郁闷,后来琢磨了下,原来fillText常用的三个参数的意思弄错了。void fillText(DOMString text, double x, double y, optional double maxWidth); 常用的形式是 fillText("要现实的文字",x,y),注意这里面的x,y代表的是哪个点的坐标。例子 ...
    2012年04月10日 23:005
  • 一步步学习HTML5
    我们先来简单的介绍一下 Canvas的概念 标签定义图形,比如图表和其他图像。 标签只是图形容器,您必须使用脚本来绘制图形。
    html52012年04月10日 22:000
  • HTML5编程百例之一:HTML5时钟
    本文主要用到的知识  1、Canvas  2、三角函数  3、JavaScript以上知识学习资源推荐  Canvas:https://developer.mozilla.org/en/Canvas_tutorial、http://www.w3.org/TR/2dcontext/  三角函数:http://zh.wikipedia.org/zh/%E4%B8%89%E8%A7%92%E5%87%B ...
    HTML5 JavaScript2012年04月10日 20:006
  • 一直想知道这个地址是php加密的还是js加密的,结果是url加密
    不知道是晕了还是怎么的,在其他浏览器里图片和css都是这种地址www%20_%E7%88%B1%E7%9A%84City%EF%BC%81%E7%88%B1%E8%87%AA%E5%B7%B1%EF%BC%81_files/icon.png 然后就惯性的思考是不是加密了,用了哪种加密方法,试过了base64,md5,eval()等等。。。 忙活了半个 ...
    2012年04月10日 19:002
  • 跟我学 CSS3
    Transitions---CSS 变换允许CSS属性值在特定的时间段内发生变换“即当元素在大小、颜色、布局、透明度等数值改变时(请注意是数值的改变),可以使其产生过渡的动画效果,比如当元素的大小变动时,可以使用Transition将这个变动过程变得分平滑,可以增强网站的体验。
    CSS2012年04月10日 17:000
  • HTML5 Canvas渐变图形绘制[线性、径向]
    让大家久等了,我们的渐变课程终于上演了,谢谢关注。http://qdgcs.co.cc依照惯例,先看Demo如果您学习过之前的Css属性有关渐变的两讲,你会觉得很亲切的,因为在html5里他们的名称是一样的。我们一起来看代码注释讲解线性渐变语法createLinearGradient(xStart,yStart,xEnd,yEnd);渐变起点横坐标:xStart,纵坐标:yStart;渐变终点横坐 ...
    HTML2012年04月10日 11:002
  • javascript邮箱验证代码分析
    一个最简单的 这个邮箱验证不能验证邮箱长度和合法性,如输入 “们我是@fdd.你好” 也是可以过的确function is_email(str){ if((str.indexOf("@")==-1)||(str.indexOf(".")==-1)) { re ...
    JavaScript2012年04月10日 10:000
  • HTML5,缔造Web移动应用开发的未来
    “感觉HTML5比上一代的HTML更灵活、更生动、更有趣,更贴近我们的生活。”  “HTML5不仅在改变Web开发的标准,也在改变我们的各种终端数码设备。”  “不管你是否喜欢HTML5,它都是代表着未来的发展趋势。”  ……  在这个 ...
    HTML2012年04月10日 10:004
  • 【CSON原创】HTML5圈泡泡游戏发布
    功能说明:  在一分钟内,使用鼠标圈泡泡,其中泡泡的分值分别为10、20、30、-10、-20、-30分,可以一次圈多个泡泡,倒计时结束即计算总分值,该游戏基于cnGameJS。
    HTML52012年04月09日 21:000
  • Hello~ HTML5CSS3 (一): 你好 Canvas
    HTML5风暴来袭,其最大的变化莫过于 Canvas 这个奇妙的绘画板, 没错!我们的UI会通过它变得更加生动。你还不会用这个新的元素吗? 那么看下面的文章,你会得到些收获。-------------------------------- 非华丽分割线 --------------------------------我们先通过几个问题来了解一下 Canvas 这个新玩 ...
    HTML2012年04月09日 18:001
  • 突袭HTML5之SVG 2D入门3
    SVG中渲染文本  SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度,而无须求助图像或其它插件。任何可以在形状或路径上执行的操作(如绘制或滤镜)都可以在文本上执行。尽管SVG的文本渲染如此强大,但是还是有一个不足之处:SVG不能执行自动换行。如果文本比允许空间长,则简单地将它切断。多数情况下,创建多行文本需要多个文本元素。  此外,可以使用 tspan 元素可以将文本元素分成 ...
    HTML5 svg2012年04月09日 13:001
  • CSS必须要知道的10个技巧
    1.css font的简写规则当我们写字体样式的时候,我们也许会这样子写font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-varient: small-caps;font-family: verdana,serif其实,这样写是完全多余的,我可以只用font 来写就OK了。比如:font: 1em ...
    CSS CSS 技巧2012年04月09日 13:000
  • 简洁风格按钮及其CSS 3实现方法
    dribbble.com是一个全球优秀设计师聚集的地方,我经常去上面看看大师们的优秀作品。今天我又看到一个很好看的按钮。设计师用一个图层实现了按钮,这个按钮有5个效果:0. 本身是一个纯色填充图层。1. 描边效果。2. 高光效果(即PSD中的“内阴影”效果)。为什么能用内阴影做高光呢?因为设计者用了纯白的阴影(不透明度65%)。3. 投影效果(即PSD中的& ...
    button2012年04月09日 12:001
  • Html 5中自定义data
    Html 5中支持用户自定义的data-*特性,它们在UI是不可见的。例如data-length,它可以附加在input的标签上。更加具体信息可参考W3C Html 5 data-说明书 有这么一段描述: Custom data attributes are intended to store custom data private to the page or application, ...
    HTML2012年04月09日 12:000