HTML5 自定义input[type=”range”]滑动条样式

herman 6天前 128浏览 0评论

Range是HTML5中新出现的滑块控件,也是常见的控件的之一,不过这个控件的原始样式略丑,所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本并不支持这个控件。 滑动条各浏览器原始样式 ...

CSS3 弹性盒布局模型 实例教程

herman 1周前 (02-19) 98浏览 0评论

接着上面一章的内容《CSS3 弹性盒布局模型简介》,我们接着讲 CSS3 的弹性盒布局模型。从最基本的布局开始介绍弹性盒布局模型。要实现的布局效果是一个简单的图片缩略图预览页面。 实例代码如下: <style type=&quo...

CSS3 弹性盒布局模型简介

herman 1周前 (02-19) 192浏览 0评论

弹性盒布局模型(Flexible Box Layout)是 CSS3 规范中提出的一种新的布局方式。该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。这种布局方式在条目尺寸未知或动态时也能工作。这种布局方式已经被主...

jQuery选择器使用教程

herman 3周前 (02-09) 166浏览 1评论

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法  $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个i...

解密支付宝6位数密码输入框的制作

herman 2个月前 (01-04) 614浏览 2评论

用过支付宝的用户都知道,在支付阶段有一个密码输入框看起来很炫。普通的 html input元素无法实现这样的功能,那么支付宝是如果实现的呢?今天就为大家来解密一下它的制作原理,然后我们再模仿着制作一个密码输入框。 效果演示 实...

使用腾讯 AlloyTeam.js 插件打造波浪加载进度条

herman 3个月前 (12-13) 507浏览 4评论

最近使用 腾讯的AlloyTeam移动Web触摸解决方案实现了一款基于 HTML5 Canvas的加载进度条案例,这里分享给大家,希望能对各位在开发和学习过程中有所帮助。 最近 AlloyTouch 写了一个下拉刷新的酷炫 loa...

DIV + CSS 让元素垂直水平居中的方法

herman 3个月前 (12-05) 538浏览 1评论

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是...

未来的两种软件工程师:端工程师和云工程师

herman 3个月前 (11-22) 846浏览 0评论

先说个有趣的事情,国内Web前端的标杆人物克军(豆瓣)和玉伯(阿里)写了个“对联”如下:前端研究,研究个屁;前端设计,设计个鸟。就算是调侃吧,但也可见业内顶尖人士对此职业在纵深上的担忧。 前端、后台和数据库是一个互联...

使用jQuery + nivo-slider插件制作图片幻灯片

herman 3个月前 (11-21) 387浏览 0评论

最近群里的小强同学在工作过程中遇到了图片幻灯片问题,这里为大家分享一款幻灯片制作插件 Nivo Slider,希望大家喜欢! 图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。而且插件...

vue + webpack应用实战视频教程1

herman 3个月前 (11-21) 1604浏览 2评论

在上周日(2016年11月13日下午4点)直播的《vue + webpack应用实战视频教程》系列视频已经整理完成了,将陆续对当前直播的视频内容进行公开。目前教程系列3已上传到了优酷,欢迎大家观看!《vue + webpack应用实战视频教程1》《v...