![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
文章平均质量分 89
whqet
这个作者很懒,什么都没留下…
展开
-
《前端开发轻松上手》B站系列视频
在B站开始更新《前端开发轻松上手》系列视频,依据HTML、CSS、Javascript的路径,轻松上手前端开发,通过案例的方式巩固前端开发基础知识!敬请三连!详情请戳《前端开发轻松上手》!原创 2020-08-01 08:18:34 · 518 阅读 · 0 评论 -
html5式程序猿表白
今天是个好日子,2014年5月20日,表白的最佳时机,虽说孩子已经四岁、结婚已经五年,但是也不可以偷懒,于是有了这个效果,在线研究点这里,下载收藏点这里。程序猿and程序媛,大胆秀出你的爱吧。原创 2014-05-20 20:22:13 · 26152 阅读 · 72 评论 -
html5视频控制效果
好吧,来看一个html5的video元素的应用,实现简单控制。到这里观看效果,到这里在线研究,或者下载收藏, 视频加载可能有点慢,请耐心等等。原创 2014-03-31 22:24:00 · 5160 阅读 · 1 评论 -
html5烟花绽放效果
今天来看一个利用canvas+javascript实现的烟花绽放效果,大家可以到我的codepen看看DEMO,在线观看或是下载研究,悉听尊便。原创 2014-02-20 17:33:24 · 23737 阅读 · 56 评论 -
跟名站学前端之Trippeo
今天早上闲逛的时候发现了《Trippeo》-一个管理商业旅行软件产品的官方网站,网站简洁而又大方,值得我们学习,我们重点研读它的文字遮罩链接效果。原创 2015-01-29 08:36:59 · 3415 阅读 · 10 评论 -
前端开发规范之html编码规范
前端开发规范系列文章之html编码规范,感兴趣的同学请关注《前端开发规范》专栏。随着html5的逐渐深入人心,html5和xhtml截然相反的态度,造成了前端开发者的困惑,如何保持html代码的兼容性、简洁性、未来适用性,称为今天我们这篇文章的主要目的。参考一系列的html开发规范(mdo、github、doyoe、globant、LFeh等),从诸多规范中寻求共同点,试图寻找最佳解决方案。原创 2015-01-03 19:10:31 · 10743 阅读 · 21 评论 -
Page Visibility实现焦点丢失提醒
HTML5 Page Visibility API是一个非常有用的特性,当页面对用户不可见时,暂停播放页面中的视频、动画、声音、以及其他耗费内存的操作,等用户回来时,再继续这些操作。当然,最好提醒下用户可以继续回到本页面上来,本文研究利用改变页面tab(title)实现提醒。原创 2015-03-21 06:29:15 · 7186 阅读 · 12 评论 -
《网页设计与制作》课程主页
引言为了激发广大童鞋的学习积极性,让我们的学习更加贴近未来工作需求,便于记录学习过程、总结学习收获、广交朋友,我们在CSDN上开通课程主页,希望大家可以通过CSDN这样的学习平台,更好地提升自我。原创 2015-03-31 08:13:28 · 9858 阅读 · 18 评论 -
Service Workers“早”知道?
最近关于Service Workers的研究与讨论日益增多,今天就给我大家梳理一些相关资源,让大家一睹为快!!原创 2015-11-16 09:43:03 · 2570 阅读 · 4 评论 -
炫彩logo粒子效果
昨天我们学习了利用requestAnimationFrame优化动画控制,然后就忍不住冲动,在fork别人codepen的基础上,实现了这个炫彩logo粒子效果,效果预览如下。原创 2015-01-21 14:23:21 · 8414 阅读 · 28 评论 -
EaselJS简明教程1-绘图
EaselJS是CreateJS Suite中的一个js库,它可以让canvas的使用变得简单,它提供了一个直接了当的创建html5 canvas中使用富媒体、富交互应用的解决方案。为了便于大家学习,结合官方教程和官方DEMO我们来写一个简明教程,主要是对自己的学习做个梳理,也希望对大家有所帮助。原创 2014-02-13 12:17:28 · 10409 阅读 · 6 评论 -
CSS3 莲花盛开动画
See the Pen CSS3 Lotus by haiqing wang (@whqet) on CodePen.大家先来看看效果,纯CSS3实现,为了简化问题,使用LESS和prefix free。原创 2014-02-06 23:01:48 · 4981 阅读 · 5 评论 -
canvas多彩条纹背景
See the Pen Canvas stripes by haiqing wang (@whqet) on CodePen.原创 2014-02-05 20:27:31 · 4667 阅读 · 2 评论 -
SVG奥林匹克五环动画
昨天晚上索契冬奥会开幕,开幕式上还出现了五环变四环的乌龙,哈哈。我们用SVG弄个五环动画加以弥补。原创 2014-02-08 12:09:50 · 5955 阅读 · 5 评论 -
SVG新年火柴棍动画
正在学习SVG,弄个2014年的火柴棍动画,大家先看效果。原创 2014-02-09 20:42:13 · 3656 阅读 · 1 评论 -
CreateJS奥运五环动画
索契奥运会结束了,今天给大家看一个利用CreateJS实现的奥运五环动画,在线把玩请点这里,下载收藏请戳这里。原创 2014-02-25 20:39:49 · 4943 阅读 · 12 评论 -
SVG线画如何实现
本文翻译自CSS-TRICKS的站长CSS大牛CHRIS COYIER(同时也是Codepen的站长)的文章《How SVG Line Animation Works》,文章不逐字翻译,以意译为主。另外说一句,本博客发表的文章《SVG奥林匹克五环动画》用的也是这个原理,总是感觉说不清原理,同时学习下大牛的表达方式。翻译 2014-02-19 14:38:46 · 6762 阅读 · 2 评论 -
纯CSS仿制Google女生节Doodle
看到google今天的女生节Doodle,自己用纯css做了一个,送给老妈、老婆、女儿。原创 2014-03-07 21:56:20 · 7555 阅读 · 5 评论 -
CSS文字条纹阴影动画
See the Pen shadow text by haiqing wang (@whqet) on CodePen./*Webkit Only,key code for the effect*/ .background-clip(text); -webkit-text-fill-color: transparent;原创 2014-02-06 07:18:00 · 4470 阅读 · 2 评论 -
EaselJS简明教程2-动画
EaselJS简明教程系列第二部分,今天主要看看动画的实现,没有看过第一部分的可以看看教程1绘图。原创 2014-02-15 13:09:54 · 8526 阅读 · 1 评论 -
响应式网页设计学习笔记
一、why随着移动技术的迅速普及,越来越多的人通过不同设备来浏览网页,为了便于不同设备的用户访问,网页经常需要针对不同设备进行不同的设计,不但费时费力,而且不同界面容易造成用户体验的不一致。响应式web设计正是由此而生。图1-4可以充分说明响应式网页设计的必要性。图1.当前流行的网页浏览设备图2.网页运行于不同的操作系统图3.当前主流的屏幕尺寸对比原创 2013-05-06 12:27:19 · 3953 阅读 · 3 评论