Html5

娜娜子

娜娜子|漂亮的表单边框

发布于 昨天 15:29 浏览:178 类型:原创 - 随笔 分类:HTML/CSS 举报

今天看到一个很漂亮的表单边框,具体地址是:http://www.html5tricks.com/demo/Glowform/demo.html很想模仿下来作为一个酷炫的素材。也发现了这个原本的demo并不兼容IE,我自己的是IE11。要看源代码的直接f12就可以看了。为了省以后的麻烦,我自己弄了个demo,把其他不必要繁琐的样式去掉,单独重点把边框的 ...

旺爷

旺爷|浏览器桌面提醒功能(微信新消息提示功能)

发布于 昨天 10:25 浏览:139 类型:原创 - 随笔 分类:JavaScript 举报

varpopNotice=function(){if(Notification.permission=="granted"){varnotification=newNotification("标题",{&nbs ...

扶桑木下

扶桑木下|两行代码实现微信小程序联系人sidebar

发布于 前天 14:36 浏览:174 类型:原创 - 随笔 分类:手机移动 举报

作者:Z帅来袭来自:授权地址转自:微信小程序联盟​一、数据:city的jsonarray,letter的array(city的jsonarray里的首字母是我手工放置进去的,你也可以通过for循环获得city_en的第一个字符来自动添加,但是为了赢得了性能我舍弃了灵活性)二、布局左边是scollview,右边是sidebar,这个布局要是布不 ...

两行代码实现微信小程序联系人sidebar
娜娜子

娜娜子|canvas流星雨的背景

发布于 6 天前 浏览:1797 类型:原创 - 随笔 分类:HTML/CSS 举报

看到一个很棒的流星雨效果。修改一下样式就可以作为网页背景了。。!自己用这个背景加了几个按钮,做了个非常简单的demo,放在github:https://github.com/lily920416/MeteorShower;以后有需要可以参考一下了html代码效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>一起 ...

lauhee

lauhee|中国第三届CSS开发者大会相关PPT&PDF

发布于 7 天前 浏览:841 类型:原创 - 随笔 分类:HTML/CSS 举报

中国第三届CSS开发者大会由于上传有大小限制,还有部分详见ThingsIDidn’tKnowAboutCSS:https://img.w3ctech.com/slide/4.20%20things%20I%20didn’t%20know%20about%20CSS.pdfCSSGridLayout:https://css.w3ctech.com/CSSinNative:https://img.w3ctech.com/slide/CSS%20in%20Native%20-%20CSSConf%20Guan ...

当我们聊起超级APP,你多半第一时间想到的就是「微信」。而就在今年,2017年1月9日,这个超级APP正式发布了「小程序」。我想这是一个重要的时间节点,重要到已不仅仅是「微信」的一次大事记,往深层次看,和当年「微信」2011年1月21日上线本质上并无不同,今天更像是承载Pony和Allen同一个梦想的出发日,这个梦想如今有很 ...

常规特效

常规特效|Google HTML/CSS 规范

发布于 2017-01-10 18:46:30 浏览:163 类型:原创 - 随笔 分类:HTML/CSS 举报

GoogleHTML/CSS规范本文介绍了Google推荐的HTML和CSS编写格式规范,以建立良好的个人编码习惯。通用样式规范省略图片、样式、脚本以及其他媒体文件URL的协议部分(http:,https:),除非文件在两种协议下都不可用。这种方案称为protocol-relativeURL,好处是无论你是使用HTTPS还是HTTP访问页面,浏览器 ...

扫描即可体验知乐微信小程序,并且看到入口你可以在这里看到相应的小程序:微信小程序商店发现内有历史列表入口真实小程序搜索操作栏放置到桌面示意图必须搜索全称,才可以搜索到小程序推荐给朋友,可以直接分享给个人或群内ios版本也是同样:需要先打开一次小程序,才能看到发现入口 ...

常规特效

常规特效|刷爆朋友圈的小程序,给大家分享18个体验下

发布于 2017-01-09 19:10:09 浏览:2049 类型:原创 - 随笔 分类:手机移动 举报

火了一段时间的微信小程序终于可以与大家见面了,特此转发了一篇好的文章给大家分享,18个小程序大家体验下吧。注意了:无法直接识别二维码进入小程序,只能在小程序入口搜索名字进入!1.酷竞体育小程序一款NBA数据查询小程序,在这里查询NBA比赛和球员信息。2.惠买车汽车商城惠买车是易车旗下汽车电商品牌,致力于 ...

刷爆朋友圈的小程序,给大家分享18个体验下
君邪儿

君邪儿|复习canvas绘制吃豆鱼

发布于 2017-01-09 17:19:50 浏览:324 类型:原创 - 随笔 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>canvas吃豆鱼</title></head><style>body{text-align:center;}canvas{background:#efefef;}</style><body><h1>角度转为弧度:<br/>弧度=2*PI*角度/360=角度*PI/180</h1><!--画布的宽和高只 ...

CC_Lin

CC_Lin|HTML5新增表单元素和属性

发布于 2017-01-09 15:42:02 浏览:135 类型:原创 - 随笔 分类:HTML/CSS 举报

新增表单元素email类型用于验证email的格式,当表单提交时,会自动验证email的值url类型用于验证url的格式,当表单提交时,会自动验证url的格式number根据你的设置提供数字的功能,min属性设置最小值,max属性设置最大值,value设置当前的值,sept设置每次的增长值range用于包含一定范围内数字值,会以一个滑块显示,mi ...

扶桑木下

扶桑木下|原创经验:微信小程序开发总结

发布于 2017-01-08 22:55:24 浏览:2377 类型:原创 - 随笔 分类:手机移动 举报

学习时间不短了.今天公司不加班总结一下我的开发经验吧,以下都是我认为很重要的总结哦!写下来让我自己也记得更清楚,同时希望可以帮助到有需要的同学哦一:参数传值的方法1:data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明:(1)设置data-idhtml代码效果预览<viewclass="block ...

今天面了一个刚从部队转业的小伙,他跟我讲了他的亲身经历,这或许就是现在大多数前端学习者找不到工作的原因之一。他在两年多前入伍前就是做的前端岗位的工作,他跟我说当时在岗位上,他的工作很简单,就是把所有用table布局做的网页改成div布局,连用到javascript的机会都很少,而且薪水也不低,因为公司就他一个前端, ...

ywhluck

ywhluck|九宫格拼图

发布于 2017-01-08 10:25:44 浏览:1941 类型:转载 - 随笔 分类:JavaScript 举报

puzzle.html效果预览<!doctypehtml><html><head><metacharset="UTF-8"><title>九宫格拼图</title><style>*{padding:0;margin:0;border:0;}/**是通配符,给所有的元素去掉默认样式,因为有的浏览器会默认加上一些样式,这可能会 ...

greenhand

greenhand|你必须知道的28个HTML5特征、窍门和技术

发布于 2017-01-06 17:30:23 浏览:354 类型:原创 - 随笔 分类:HTML/CSS 举报

你必须知道的28个HTML5特征、窍门和技术 ...

微信小程序中出现最多的一个问题,就是真机跟本地不同:我简单列举一些我发现的原因,给大家参考,大家也可以把自己发现的东西回复给我,给我参考:本地看不到数据,就先让本地能看到数据,再看本帖。。。。1:本地可以看到数据,ios不行,安卓可以;可能是tsl版本问题不支持1.2导致,部分 ...

dyyzht

dyyzht|H5消息推送

发布于 2017-01-05 16:43:40 浏览:196 类型:转载 - 随笔 分类:JavaScript 举报

在原作者的基础上删了一点东西html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><metaname="viewport"content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width"><title>消息推送</title><!--[ifltIE9]>    <scriptsrc="http://css3-medi ...

hopdong

hopdong|canvas当前时间显示

发布于 2017-01-05 15:05:51 浏览:445 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title>当前时间</title><style>*{margin:0;padding:0;}html{overflow:hidden;}body{background-color:#000; ...

zzmisss

zzmisss|纯css3 机器猫

发布于 2017-01-05 14:55:16 浏览:211 类型:原创 - 随笔 分类:HTML/CSS 举报

慕课网上看到的纯css3写的机器猫,记录下,也和大家进行分享~html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>css3机器猫demo</title><linkhref="style.css"rel="stylesheet"type="text/css"></head><body><divid="stage"><divid="doraemon"><d ...

扶桑木下

扶桑木下|小程序-厕所雷达

发布于 2017-01-03 17:08:53 浏览:1752 类型:原创 - 随笔 分类:手机移动 举报

紧急情况~找不到厕所?晴天霹雳裤衩一声?完喽快来用厕所雷达吧~。作为一个优秀的楼主,胖子我不仅写了代码,连广告次都想好了,哇咔咔咔~~~~“厕所找的快,排的才痛快”。练习区里看到一个“厕所雷达”就来做了下,主要还是为了练习小程序“控件的基本用法”和“页面间的交互”,CSS依旧让我感到头疼,不过比上次的 ...

小程序-厕所雷达