分类:前端开发

动态背景的CSS3登录表单

动态背景的CSS3登录表单
之前我们分享过很多不错的CSS3登录表单,比如这款jQuery/CSS3 谷歌样式的登录表单效果就非常不错。今天要分享的另一款CSS3登录表单外观比较清新,绿色的背景让整个表单看上去很舒服。该登录表单最大的特点是背景是动态的,会不时地浮动出一些图案来。...

4年前 (2015-08-21) 731℃ 评论 () 605喜欢

JS中的prototype

JS中的prototype
JS中的phototype是JS中比较难理解的一个部分本文基于下面几个知识点:
1、原型法设计模式.Net中可以使用clone()来实现原型法...

4年前 (2015-08-20) 395℃ 评论 () 52喜欢

js几秒以后倒计时跳转示例

js几秒以后倒计时跳转示例
使用js实现几秒以后倒计时跳转,这个在某些特殊情况下还是比较实用的,下面为大家介绍下具体的实现步骤,感兴趣的朋友不要错过...

4年前 (2015-08-19) 766℃ 评论 () 32喜欢

如何管理你的 Javascript 代码

如何管理你的 Javascript 代码
今天不聊技术的问题,咱们来聊聊在前端开发中如何管理好自己的 Javascript 代码。首先,咱们先来说说一般都有哪些管理方式?我相信 seajs、Requirejs 对于前端开发者而言都不陌生...

4年前 (2015-08-16) 495℃ 评论 () 146喜欢

网页开发中使用的字体图标制作方法

网页开发中使用的字体图标制作方法
字体图标的流行已经有些年头了,已经不是什么新鲜的概念了,只是因为CSS3新加入@font-face属性,他能让我们自定义网页中显示字体,而不局限于用户电脑安装的字体...

4年前 (2015-08-14) 6937℃ 评论 () 271喜欢

用Margin还是用Padding

用Margin还是用Padding
用margin还是用padding这个问题是每个学习CSS进阶时的必经之路,CSS边距属性定义元素周围的空间。通过使用单独的属性,可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距...

4年前 (2015-08-10) 515℃ 评论 () 92喜欢

Canvas初探——绘画与动画基础

Canvas初探——绘画与动画基础
Canvas是html5中新加入的一个元素。顾名思义,就是一块画布。通过Canvas提供给我们的接口,我们可以在网页上画出任何我们想要表现的图画甚至是动画...

4年前 (2015-08-09) 291℃ 评论 () 103喜欢

不要告诉我你懂margin

不要告诉我你懂margin
你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些...

4年前 (2015-08-09) 278℃ 评论 () 169喜欢

CSS颜色对照表

CSS颜色对照表
一个CSS颜色对照表,方便以后在做网页相关时调整颜色,省的搭配颜色苦恼了!...

4年前 (2015-08-06) 2031℃ 评论 () 38喜欢

拿什么来拯救你,我的table

拿什么来拯救你,我的table
table曾经在网页开发中占据着举重若轻的地位——布局,即使到了Web2.0我们依旧可以看到其布局的身影。然而技术是不断进步的Div+Css组合方式终究敲开了老式布局的大门刮起了新的一轮布局浪潮...

4年前 (2015-08-05) 657℃ 评论 () 82喜欢

CSS属性【强制换行与强制不换行】的方法

CSS属性【强制换行与强制不换行】的方法
我们一般控制换行所用到的CSS属性一共有三个:word-wrap; word-break; white-space。这三个属性可以说是专为了文字断行而创造出来的。首先我们得知道这三个属性到底是做什么用地...

4年前 (2015-08-05) 333℃ 评论 () 70喜欢

介绍 css3阴影 box-shadow用法总结

介绍 css3阴影 box-shadow用法总结
CSS3盒阴影效果不仅支持盒外阴影,还支持内阴影,使用时增加一个inset属性即可。例如:box-shadow: inset 0 0 1px #fff;所表示的含义是没有偏移,1像素模糊的白色内阴影。...

4年前 (2015-08-04) 636℃ 评论 () 91喜欢

详解 JavaScript 中的 this

详解 JavaScript 中的 this
摘要:JavaScript中的this总是让人迷惑,应该是js众所周知的坑之一。 个人也觉得js中的this不是一个好的设计,由于this晚绑定的特性,它可以是全局对象,当前对象,或者…有人甚至因为...

4年前 (2015-08-02) 274℃ 评论 () 75喜欢

模拟某个特定版本的IE浏览器的渲染方式

模拟某个特定版本的IE浏览器的渲染方式
这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:
< meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />...

4年前 (2015-07-30) 268℃ 评论 () 74喜欢

Media Queries CSS3的媒体查询

Media Queries CSS3的媒体查询
CSS3中的Media Queries增加了更多的媒体查询,同时你可以添加不同的媒体类型的表达式用来检查媒体是否符合某些条件,如果媒体符合相应的条件,那么就会调用对应的样式表。换句简单的说,“在CSS3中我们可以设置不同类型的媒体条件,并根据对应的条件,给相应符合条件的媒体调用相对应的样式表”......

4年前 (2015-07-27) 8706℃ 评论 () 106喜欢

了解normalize.css的使用方法及下载

了解normalize.css的使用方法及下载
Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。Normalize.css现在已经被用于Twitter Bootstrap、HTML5 Boilerplate、GOV.UK、Rdio、CSS Tricks 以及许许多多其他框架、工具和网站上。...

4年前 (2015-07-24) 698℃ 评论 () 35喜欢

学习javascript中的闭包

学习javascript中的闭包
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
下面就是我的学习笔记,对于Javascript初学者应该是很有用的......

4年前 (2015-07-23) 373℃ 评论 () 29喜欢

发现:Chrome新版JS调试工具

发现:Chrome新版JS调试工具
很多前端开发工程师都对Chrome浏览器情有独钟。原因很简单:一来它启动速度快,执行效率高,给网页浏览带来流畅和快感;二来它实现了很多新的标准,支持很多高级属性,让网页体验更好,更高大上;三来就不得不提一下它的调试工具了,对于前端开发工程师更是无异于左右手。然而,大概是因为强迫症得问题,我今天却遇到一个让我有点接受不了的功能…...

4年前 (2015-07-22) 1084℃ 评论 () 23喜欢

超酷的jQuery跟随鼠标气泡动画

超酷的jQuery跟随鼠标气泡动画
今天我们要给大家介绍一个超酷的jQuery动画特效,当你移动或者点击鼠标时,鼠标周围即会出现许多大小不一的气泡,并且这些气泡跟随鼠标一起滑动,气泡模拟非常真实,一段时间内气泡就会逐渐破灭。另外,你也可以通过鼠标右键来控制背景图案以及选择是否开启气泡动画,怎么样感觉很棒吧!...

4年前 (2015-07-21) 975℃ 评论 () 33喜欢

视频教程:CSS3动画属性实用技巧教程

视频教程:CSS3动画属性实用技巧教程
目前CSS3动画已经越来越流行,在一些网页专题的产品介绍页面,手机APP首屏展示页面,又或者只是一个按钮简单变形,都可以使用CSS3来实现,虽然动画简单,但却让静态枯燥无味的页面增加一点生气,更吸引用户,更加高端。...

4年前 (2015-07-19) 510℃ 评论 () 30喜欢

SVG动画力作《熊猫工场》 支持响应式

SVG动画力作《熊猫工场》 支持响应式
最近在Codepen上发现一个惊人的SVG动画作品,在国内SVG还没流行起来,国外就已经强势到这样子,看来得努力学习SVG相关技术才行,下面是这个SVG动画的介绍:...

4年前 (2015-07-15) 393℃ 评论 () 38喜欢

玩转HTML5移动APP页面(优化篇)

玩转HTML5移动APP页面(优化篇)
页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏。...

4年前 (2015-07-13) 370℃ 评论 () 31喜欢

纯CSS3实现超酷的鼠标悬停效果

纯CSS3实现超酷的鼠标悬停效果
这篇给大家介绍下不需要任何javascript代码,仅使用纯CSS3和HTML实现鼠标悬停的超酷效果,鼠标在悬停目标元素上的时候可以实现常见的线条变化、翻转、缩放、滑动等等动画效果,看后一定会惊讶不已!...

4年前 (2015-07-10) 630℃ 评论 () 81喜欢

33个jQuery与CSS3实现的绚丽鼠标悬停效果

33个jQuery与CSS3实现的绚丽鼠标悬停效果
只要你有创意,完全可以使用CSS3来实现漂亮的动效,当然如果配合jQuery,这样会更加强大,实现更多高级绚丽的动画效果。鼠标hover效果是很常用的,虽然很细微的东西,但网站的细节注定的网站的体验,所以也不要忽视这些小细节。...

4年前 (2015-07-09) 535℃ 评论 () 31喜欢