分类:前端开发

loader.css制作出28款过渡样式

loader.css制作出28款过渡样式
过渡效果,常规方式都是用JS来制作的,CSS3的诞生带来了革命性的变革,同时也衍生了众多的CSS插件,本文用到的loader.css,加载它之后,再用几句代码简单的代码,就可以完成一个神奇的效果。...

4年前 (2015-11-02) 370℃ 评论 () 131喜欢

响应式web设计与CSS3媒体查询

响应式web设计与CSS3媒体查询
在之前一篇译文中,我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题,我们将从前文介绍过的"弹性布局结构"这方面出发,通过一个具体的实例来深入学习。...

4年前 (2015-11-01) 1142℃ 评论 () 203喜欢

用三个步骤让你理解怎样实现响应式网页设计

用三个步骤让你理解怎样实现响应式网页设计
随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。...

4年前 (2015-11-01) 444℃ 评论 () 131喜欢

css中input与button高度不一致的原因及解决方法

css中input与button高度不一致的原因及解决方法
【css文本框与按钮不对齐解决方案 】button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部,button的高度包含边框的高度,而文本框text则不包含边框高度。...

4年前 (2015-10-28) 4508℃ 评论 () 5116喜欢

关于APP,原生和H5开发技术的争论

关于APP,原生和H5开发技术的争论
App的开发技术,目前流行的两种方式,原生和Html5。原生分了安卓平台和ios平台(还有小众的黑莓、死去的塞班就不说了),H5就是Html5。...

4年前 (2015-10-28) 573℃ 评论 () 66喜欢

在retina屏幕如何较好的实现1px边框

在retina屏幕如何较好的实现1px边框
一直以来我们实现边框的方法都是设置 border: 1px solid #ccc,但是在retina屏上因为设备像素比的不同,边框在移动设备上的表现也不相同:1px可能会被渲染成1.5px, 2px, 2.5px, 3px....,在用户体验上略差,所以现在要解决的问题就是在retina屏幕实现1px边框...

4年前 (2015-10-22) 511℃ 评论 () 91喜欢

javascript跨域的几种方法

javascript跨域的几种方法
此文章学习借鉴了一些其他前端同学的文章,自己做了个实践总结:以下的例子包含的文件均为为 http://www.a.com/a.html 、http://www.a.com/c.html 与 http://www.b.com/b.html,要做的都是从a.html获取b.html里的数据...

4年前 (2015-10-20) 556℃ 评论 () 96喜欢

匿名函数自调用(IIFE)

匿名函数自调用(IIFE)
Javascript中定义函数的方式有多种,函数直接量就是其中一种。如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数。好,看看匿名函数的如何被调用...

4年前 (2015-10-15) 378℃ 评论 () 72喜欢

html css js基础知识点

html css js基础知识点
今天给大家带来的是关于html css js基础知识点,希望大家能够融会贯通,循序渐进!...

4年前 (2015-10-14) 560℃ 评论 () 65喜欢

关于手机淘宝的flexible设计与实现

关于手机淘宝的flexible设计与实现
今天讲讲关于webapp中的文字单位的一些实践 :手机淘宝从2014年中开始,全面推行flexible设计。什么叫flexible呢?其实flexible就是responsive的低端形态和基础。对我们来说,最直观的感受就是,在超宽屏幕上,网页显示不会两边留白。以前pc时代大家经常讲的流体布局...

4年前 (2015-10-11) 410℃ 评论 () 101喜欢

js高手进阶之路:underscore源码经典

js高手进阶之路:underscore源码经典
很多人向我推荐研究js,可以看看一些第三方js类库的源码,而源码之中最好解读也最简短的就是underscore,它也是我平常比较喜欢的一个库,因为它性价比高:体积小、能力强。打开一看,才1000多行,试着读了一下,确实很值得一看,所以对精彩部分做了一下整理...

4年前 (2015-09-28) 198℃ 评论 () 93喜欢

前端人员必收!10个省时高效的CSS 3代码生成工具

前端人员必收!10个省时高效的CSS 3代码生成工具
今天的资源是完全免费的 WebApp,这些 WebApp 能够为模板,渐变,甚至浏览器属性的前缀生成 CSS3 代码。如果你是前端开发者,这些资源可以帮助你节省很多时间,并可以为以后的项目提供可复用的源码
...

4年前 (2015-09-24) 509℃ 评论 () 123喜欢

CSS旋转与翻转使用示例详解

CSS旋转与翻转使用示例详解
css 2.0还是没有翻转的,3.0里面有rotate属性,这个可以把元素进行任意角度旋转,灰常强大,下面有个不错的示例,大家可以参考下...

4年前 (2015-09-20) 868℃ 评论 () 92喜欢

a 标签的伪类样式规划,减少多余代码

a 标签的伪类样式规划,减少多余代码
a 标签有 link, visited, hover, active 这几个常用的伪类用于定义不同状态. 这些伪类意思明确, 使用简单, 看起来不会存在什么问题, 而实际上他们的使用顺序, 是否应该使用都需要考虑清楚.a 标签在网页中无所不在, 而且样式复用性很高. 一般来说, 一个网站上的链接形式是比较统一的, 所以作为 reset 或者基本的 a 标签 CSS 定义十分重要....

4年前 (2015-09-16) 1152℃ 评论 () 84喜欢

JS实现自动倒计时30秒后按钮才可用(两种场景)

JS实现自动倒计时30秒后按钮才可用(两种场景)
WEB开发中经常会用到倒计时来限制用户对表单的操作,比如希望用户在一定时间内看完相关协议信息才允许用户继续下一步操作,又比如在收取手机验证码时允许用户在一定时间过后(未收到验证码的情况下)再次获取验证码。那么今天我来给大家介绍下如何使用Javascript来实现这一简单应用。...

4年前 (2015-09-15) 1110℃ 评论 () 105喜欢

使用uncss去除无用的CSS

使用uncss去除无用的CSS
从代码的角度讲,你知道什么是比往网站或应用里添加功能更好的事情吗?删除那些没用的东西。也许是一些代码、图片、或相关依赖等,就像扔掉家中储存柜里没用的产生异味的存货。...

4年前 (2015-08-21) 569℃ 评论 () 376喜欢