HTML5&CSS3
文章平均质量分 87
博客园叶小钗
刀狂剑痴叶小钗
展开
-
【初探HTML5之使用新标签布局】用html5布局我的博客页!
导航 【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?【HTML5初探之本原创 2013-06-24 11:00:14 · 1405 阅读 · 0 评论 -
【CSS3初探之字体、文本相关】让人开不了始的CSS3。。。
前言2010年MIX大会上微软的工程师在介绍IE9时,以前端角度讲互联网发展分为了三个阶段:1 以内容为主的web1.0网络,前端主流技术为html与css2 以ajax为首的异步数据加载技术,热门技术是js/dom/异步数据请求3 便是即将迎来的HTML5+CSS3的时代PS:我记得大概08年的时候,ajax便在大事宣扬,但我私下发现周围会的人真心不多,应用也不多!!!到原创 2013-06-24 11:00:47 · 434 阅读 · 0 评论 -
【CSS3初探之盒相关样式】我们一人一个框。。。
前言本章将介绍CSS3中各种盒的知识点;主要包含以下内容:CSS3中各种各样盒的类型概念、浏览器支持情况;当盒中内容超出容纳范围时,如何利用属性来让浏览器按照自己想要的方式对盒中内容进行显示;掌握给盒添加阴影的属性;掌握几种“box-sizing”属性值的不同含义,能够正确的使用box-sizing属性来定义样式中给定的元素的宽度值和高度值中是否包含内部补白区域,以及边框的高度原创 2013-06-24 11:00:52 · 407 阅读 · 0 评论 -
【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)
目录【实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!【实战HTML5与CSS3 第二篇】绚丽的快速导航!【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)前言昨天的进度有点延缓,只做了快速导航特效,都是晚上回来一点多才基本结束,其中很多问题也没有修正,就只有一个白板特效。今天是假日的最后一天,所以需要有一个结果了,看来这原创 2013-06-24 11:01:14 · 956 阅读 · 0 评论 -
【探索HTML5第二弹05】响应式布局(中),一步一步响应式布局
前言前天初步探究了一次响应式布局,虽然花了一天功夫,做出来的东西还是不行,在此我还是认为要做响应式布局设计应该先行,应该先制作3个以上的设计图出来,但是对于手机来说,图片流量也是个问题,但是这个我们暂时不管了,还是先拥抱移动互联网吧,继续我们的响应式布局!固定宽度布局在飞之前,我们还是应该先爬一爬,先来个固定宽度布局的页面吧,我今天还是先搞了一本书,看看系统的响应式布局是怎么回事的吧:原创 2013-06-24 11:01:33 · 1674 阅读 · 0 评论 -
【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放
导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?【HTML5初探之本地原创 2013-06-24 11:00:17 · 603 阅读 · 0 评论 -
【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面
接上一篇:【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML原创 2013-06-24 11:00:24 · 520 阅读 · 0 评论 -
【HTML5初探之本地存储】如果没有数据库。。。
导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?【HTML5初探之本地原创 2013-06-24 11:00:29 · 566 阅读 · 0 评论 -
【HTML5初探之离线应用】如何打造零请求、无流量的网站?
导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?【HTML5初探之本地原创 2013-06-24 11:00:31 · 527 阅读 · 0 评论 -
【CSS3初探之变形与动画】令人惊叹的CSS3
前言这个标题比较狗血了,我一直知道CSS3可以做很多事情,但是我昨天看到一个人用CSS3华丽的画了一个太极八卦!若是这个还可以接受,那么我今天就看见一个人用CSS3画了一个叮当猫!!!我突然就在想,你们究竟要闹哪样,实在太BT了!我在想我最近几天是不是应该试试呢?虽然我CSS比较水了。。。CSS3中的变形在CSS3中,可以利用transform功能来实现文字或者图像的旋转、缩放原创 2013-06-24 11:01:02 · 797 阅读 · 0 评论 -
【探索HTML5第二弹01】HTML5的前世今生以及来世
前言新入职的团队,每天工作强度很大,我感觉在那里待一天要干原来1.5天的事情,虽然才去两天就深刻的感受到了什么是“程序员”了,原来我一直不是一个称职的程序员。新团队加班很厉害,但是我现在却不在意,我现阶段需要这种高强度的工作量历练,一年下来再看其他吧。但是,我期间还是有一定忐忑与不自信的,因为还没有接触正式的开发工作,也不知道自己能不能胜任,希望自己能干好吧!废话结束,我们开始正题吧。原创 2013-06-24 11:01:22 · 454 阅读 · 0 评论 -
【HTML5初探之Geolocation API】让我们获取女神的地址
导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?【HTML5初探之本地原创 2013-06-24 11:00:38 · 516 阅读 · 0 评论 -
【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦
导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?【HTML5初探之本地原创 2013-06-24 11:00:33 · 706 阅读 · 0 评论 -
【实战HTML5与CSS3】免费制作威客页面啦(附源码)
前言接着昨天的写,居然有圆友找到了网站原网址,这里也一并弄出来了,发现他们做出来其实和原型图还有一点差异呢:http://www.tmtpost.com/原型图今天我们要做的是这张图,我在威客上面找了好久,终于找到一张较合适的图呀,今天我们就来无偿奉献下吧,有图有真相,先上图吧!!这里也对自己提出要求,希望做出来的页面与设计图完全一致,但估计有点玄,希望大致一致吧,于是我们原创 2013-06-24 11:01:20 · 2816 阅读 · 0 评论 -
【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?
导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?【HTML5初探之本地原创 2013-06-24 11:00:26 · 429 阅读 · 0 评论 -
【HTML5初探之Web Workers】网页也能多线程
导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?【HTML5初探之本地原创 2013-06-24 11:00:35 · 366 阅读 · 0 评论 -
【实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!
目录【实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!【实战HTML5与CSS3 第二篇】绚丽的快速导航!【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码) 前言先八卦一下,我昨天离职了,把电脑也退了,离职前,我发了一封邮件给整个部门,陈述自己的不舍与团队管理问题(估计传说中的leader要抓狂了),然后就昏昏的回家了,所原创 2013-06-24 11:01:09 · 614 阅读 · 0 评论 -
【实战HTML5与CSS3 第二篇】绚丽的快速导航!
目录【实战HTML5与CSS3 第一篇】初探水深,美丽的导航,绚丽的图片爆炸!!【实战HTML5与CSS3 第二篇】绚丽的快速导航!【实战HTML5与CSS3 第三篇】我第一个HTML5网页诞生了(提供源码)前言今天9点就起来了,因为下午出去有个聚会,所以就早点起来进行,否则这个进度有点吃紧啊,昨天初略的完成了导航以及爆炸的图片,这里来回顾下:1 导航为一个div背景跟着导原创 2013-06-24 11:01:12 · 636 阅读 · 0 评论 -
【实战HTML5与CSS3】用HTML5和CSS3制作页面(上)
前言周一离职并且入职了,于是开始了做新项目,那天我问了下前端大哥,我们做的项目需要兼容哪些浏览器,他说需要兼容IE9以上与chrome,ff,我一下就诡异的笑了。。。。这不是HTML5与CSS3项目的温床吗?这次真的捡到宝了,再也不用担心IE678的问题了,可以肆意的使用最新的技术了。紧接着问题也来了,我现在需要切图了,对于我这种前端,css一直是短板,更何况切图!!!说实话我还真没有原创 2013-06-24 11:01:17 · 3013 阅读 · 0 评论 -
【探索HTML5第二弹03】走近地图应用的世界,看我们google地图可以看些什么!
前言昨天,前天都有一些事情了,自己的学习任务有所耽搁,但这不是主要原因,主要原因是昨天和前天都在搞canvas相关东西,这个东东怎么说呢?我是越搞越不能确定自己是否会用到,所以过程中有点纠结,然后慢慢时间就过去了。另外,我本来想重新学习HTML5的,但是发现在走之前的老路,重复的过程就没必要了,我要从新思考一下最近的学习计划。最近开始接触了google地图应用,那确实叫一个不错啊!!!可以原创 2013-06-24 11:01:24 · 783 阅读 · 0 评论 -
【探索HTML5第二弹04】响应式布局(上),让我们一起来响应式布局吧
前言第一次看到响应式布局这个东西的时候,我还以为又出了新东西呢,稍微研究了下才发现其实也是现有资源的组合而出的创新,中国什么时候也搞一个这种创新呢?所谓响应式布局,大意是在不同设备上(不同尺寸下)都能以比较合理的方式显示,大家千万不要觉得iphone上的显示感觉还不差,我们就说说博客园吧,其实园子该改成响应式布局,只不过要花点功夫。我们首先进入博客园后,手机对整个页面是有一定缩放的,所原创 2013-06-24 11:01:30 · 3490 阅读 · 0 评论 -
【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面
弧度一块可能有误,需要再研究导航【初探HTML5之使用新标签布局】用html5布局我的博客页!【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是原创 2013-06-24 11:00:21 · 499 阅读 · 0 评论 -
【CSS3初探之背景边框相关】奇葩的与老大吵了一架,奇葩的五分钟offer,奇葩的一天。。。
PS:注意标题党哦前言本章主要介绍CSS3中与背景和边框相关的一些样式,其中包含与背景相关的属性,比如如何在一个元素背景中使用多个图片文件,如何绘制圆角边框以及如何给边框添加图片。这章的知识点都是很有意义的,是我们一定会用到的知识点,所以学习本章内容后需掌握:1 背景相关属性:background-clip、background-origin、background-size以及ba原创 2013-06-24 11:00:54 · 501 阅读 · 0 评论 -
【CSS3初探之Media Queries】终于完成了的CSS3,我们来个终章总结!
前言无论如何,学到这里,我可以自豪的告诉自己,我HTML5与CSS3学完了,不管我现在还记得住多少,我确确实实将他们学完了,还做了不少demo。回想几个月前,我一直在纠结自己应该学习HTML5与CSS3,我应该加强js与css,却一直没有任何产出!但是,我最近在两个星期就完成了HTML5与CSS3的初步学习,就此慢慢迈入HTML5与CSS3的大门,而且重新找回了学习的感觉,这些都为一个原创 2013-06-24 11:01:04 · 440 阅读 · 0 评论 -
【写漂亮的博客】让我们的博客更加漂亮,让我们的博客支持响应式布局!
前言很多朋友问我的博客是什么软件写的,嘻嘻,其潜台词是我的博客页面还挺好看的呢!!!心里美滋滋的,这里就把方法共享出来吧定制样式而已我的博客主要是对H1的样式做了一点改变,给H1加上了背景色,并且对其文字做了一点改变,我们来看看我的博客的页面;其中的centercontent就是博客的主体,我们博客园其实是设置了地方可以定制样式的:在这个地方设置就可以了,我这里是这原创 2013-06-24 11:01:46 · 614 阅读 · 0 评论