爱前端网爱前端网爱前端网

所有文章 第31页

WEB前端

响应式Web设计的9项基本原则

10

爱前端网 - Yang 发布于 2014-11-25

编者按:打造流畅的响应式体验!今天@网秦UEC的同学从国外分享了一篇关于响应式的好文,借助动态图列出了传统设计与响应式设计的不同之处,直观易懂不说,提到的9项原则都很实用,值得学习哟。 响应式Web设计对于解决多类型屏幕问题来说是个不错方案,但从印刷的角度来看,其却存在着很多的困...

阅读(1313)赞 (0)

WEB前端

HTML5全局属性和事件

爱前端网 - Yang 发布于 2014-11-25

摘要: 全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等。HTML5中又新增了一些特殊功能的全局属性和事件。 属性: HTML5属性能够赋给标签元素含义和语境,下面的全局属性可用于任何?0?2HTML5 元素。 属性 描述 conten...

阅读(1410)赞 (0)

WEB前端

10款web前端基于Jquery的动画源码

10

爱前端网 - Yang 发布于 2014-11-24

1.使用 CSS3 动感的图片标题动画效果 在网站中,有很多地方会需要在图片上显示图片标题。使用 CSS3 过渡和变换可以实现动感的鼠标悬停显示效果。没有使用 JavaScript,所以只能在支持 CSS3 动画的现代浏览器中才能正常工作。您可以查看网页的源代码,了解动画是如何工...

阅读(2003)赞 (0)

WEB前端

代码重构方向原则指导

爱前端网 - Yang 发布于 2014-11-24

重构是 一种对软件进行修改的行为,但它并不改变软件的功能特征,而是通过让软件程序更清晰,更简洁和更条理来改进软件的质量。代码重构之于软件,相当于结构修改 之于散文。每次人们对如何对代码进行重构的讨论就像是讨论如果对一篇文学作品进行修订一样无休无止。所有人都知道应该根据项目的自身情...

阅读(1413)赞 (0)

WEB前端

webkit浏览器渲染影响因素分析

9

爱前端网 - Yang 发布于 2014-11-23

前言:浏览器的渲染对性能影响非常大,特别是在移动端页面,在宏观上,我们可以参考雅虎那20几条军规来操作,但在微观渲染层面,实际还没有一套相对成型的理论做为依据。 本文只是抛砖引玉,带大家进入微观的优化领域,实际在渲染优化这块上,还有很多技巧及方法需要大家去挖掘。本文写的也比较凌乱...

阅读(1800)赞 (3)

WEB前端

10款web前端超实用jQuery插件大合集

10

爱前端网 - Yang 发布于 2014-11-22

1.HTML5截图功能 可拖拽图片 截图在我们平常电脑应用中非常的广泛,包括开发者和一般的使用用户。今天介绍的这款HTML5截图应用可以帮助你在上传头像前截取自己的头像,你只需要拖拽移动图片即可选中要截取的部分,HTML5会自动将选取的图片自动生成一张新的图片来保存,从而完成截图...

阅读(1792)赞 (0)

WEB前端

10款web前端基于精美jQuery插件及源码

10

爱前端网 - Yang 发布于 2014-11-22

1.使用 SVG 制作单选和多选框动画 通过 JavaScript 实现 SVG 路径动画,我们可以做很多花哨的东西。今天我们要为您介绍一些复选框和单选按钮效果。实现的主要思路是隐藏原生的输入框,使用伪元素创造更具吸引力的样式,输入框被选中的时候执行 SVG 动画。 在线演示 源...

阅读(2409)赞 (0)

WEB前端

移动端H5页面之iphone6的适配

爱前端网 - Yang 发布于 2014-11-21

iphone6 及 iphone 6 plus 已经出来一段时间了。很多移动端网站,以前写死body 为320px的,现在估计也忙着做适配了。 大屏幕手机其实一直有,只是以前大家没怎么重视,移动端的H5页面大部分都以320px为基准宽度进行布局,那些大屏屌丝android用户也懒...

阅读(1625)赞 (0)

WEB前端

HTML5、CSS3、ES5新的web标准和浏览器支持一览

爱前端网 - Yang 发布于 2014-11-20

本文整理了一些最重要(或者说人气比较高罢)的新标准,虽然它们多数还只是w3c的草案,离Recommendation级别还早,却已经成为新一轮浏览器大战中备受追捧的明星,开发者社区里也涌现出大量相关的demo和API封装,有些已经进入生产环境(比如google在iphone上实现的...

阅读(1902)赞 (0)

WEB前端

css3中flexbox伸缩盒深入理解

爱前端网 - Yang 发布于 2014-11-19

也就是因为这个flexbox伸缩盒布局太强大了,以至于我没在意它也是display的一个属性。 要想解决这个布局问题,我们还是先了解一些基础的问题。先回顾下display有哪些属性吧: none:隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物...

阅读(1428)赞 (0)

WEB前端

HTML/CSS一些需要注意的基础知识

爱前端网 - Yang 发布于 2014-11-18

border:0;边框存在但不现实 并且占内存 border:none;边框未渲染 HTML的书写规范: 1、标签换行。 2、标签缩进。 3、标签要关闭。 4、标签名属性不能为空。 5、首先要!doctype声明。 6、编码格式为UTF-8。 7、标签要半角英文小写。 8、合理注...

阅读(1462)赞 (0)

WEB前端

10款web前端值得学习的 HTML5 效果附源码

10

爱前端网 - Yang 发布于 2014-11-17

1.jQuery右侧Tab选项卡的焦点图插件 这是一款基于jQuery的焦点图插件,和之前介绍的jQuery焦点图插件类似,它以淡入淡出的动画方式来切换图片,该焦点图插件的特点是右侧有一排Tab选项卡,点击相应选项卡后即可切换对应的图片,应该说这款jQuery焦点图插件还是非常实...

阅读(2265)赞 (0)

WEB前端

10款经典创意jQuery应用插件及源码

10

爱前端网 - Yang 发布于 2014-11-16

1.jQuery带缩略图的宽屏焦点图插件 今天我们要来分享一款很不错的jQuery宽屏焦点图插件,这款焦点图插件相当大气,并且在图片上方列出了所有的缩略图,点击缩略图即可切换相应的图片。另外,我们也可以点击左右切换按钮来切换上一张和下一张图片。 在线演示 源码下载 2.HTML5...

阅读(1763)赞 (0)

WEB前端

web前端css强制隐藏浏览器滚动条方法

爱前端网 - Yang 发布于 2014-11-15

有时因为美工设计或一些原因我们底部滚动条可以托运的这样看上去特别不舒服了,下面我们来介绍如何隐藏浏览器滚动条的实现方法:/p> 强制显示滚动: html { overflow: scroll; } 强制隐藏滚动: html { overflow: hidden; } 隐藏IE的水...

阅读(2411)赞 (0)

WEB前端

web前端容易混淆和弄错的HTML标签与CSS属性详解

爱前端网 - Yang 发布于 2014-11-15

div和span、relative和absolute、display和visibility是很容易混淆和弄错的HTML标签与CSS属性,今天简单的罗列出它们的区别与使用要点,供大家参考。 一、div和span的区别 div是一个块级元素,可以包含段落,表格等内容,用于放置不同的内...

阅读(1856)赞 (0)

WEB前端

web前端css定位position和浮动float

爱前端网 - Yang 发布于 2014-11-15

div、h1或p元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span和h3等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。 在这种情况下,这个框称为无名块...

阅读(1475)赞 (0)

WEB前端

10款超炫的开源jquery的源码预览效果

10

爱前端网 - Yang 发布于 2014-11-13

1.Flat Surface Shader – 超炫的 3D 模拟照明效果 Flat Surface Shader 是一个超炫的 3D 模拟照明效果,可以配置使用基于 Canvas 的 2D 上下文或者基于 SVG 多边形数组绘制三角形。它还采用原生的 Float32Arrays...

阅读(1549)赞 (0)