标签:HTML 第7页

WEB前端

Cool!15个超炫的 CSS3 文本特效

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

每一个网页设计师希望创建由所有互联网用户只赏识站在相隔网站。当然,大局;不可能满足所有人大局;口味。尽管如此,作为一个网页设计师,你必须只是尽量给你最好创造最喜欢的在线派驻。 幸运的是,我们有最强大的工具和资源,因为世界的开始创建真棒网站!实际上,我们有这么多的网站模板,框架,内...

阅读(2917)赞 (1)

WEB前端

前端程序员应该知道的15个jQuery小技巧

1

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

下面这些简单的小技巧能够帮助你玩转jQuery。 返回顶部按钮 预加载图像 检查图像是否加载 自动修复破坏的图像 悬停切换类 禁用输入字段 停止加载链接 切换淡入/幻灯片 简单的手风琴 让两个div高度相同 在新标签页/窗口打开外部链接 通过文本查找元素 在改变vi sibili...

阅读(2043)赞 (0)

WEB前端

最新13个加速 Web 开发的框架和工具

13

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

我们为开发人员挑选了15个最新的Web开发框架,你肯定尝试一下这些新鲜的框架,有的可能略微复杂,有的提供了很多的配置选项,也有一些窗口小部件和界面交互的选择。他们将帮助你创建更优秀的网站,提供给用户更好的体验。 1.Lotus Lotus是开源框架,它力求简化,减少的DSL,最小...

阅读(2579)赞 (0)

WEB前端

移动端web开发技巧

1

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

这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏后的标题(IOS) <meta name=”apple-mobile-web-app-title” content=”标题&...

阅读(2311)赞 (0)

WEB前端

7款个性化jQuery/HTML5地图插件

7

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

现在我们经常会用到一些地图应用,无论是在网页上还是手机App中,地图貌似是一个不可或缺的应用。本文将带领大家一起来看看一些基于jQuery和HTML5的个性化地图插件,有几款地图比较实用,有些则是具有抽象的概念,很有个性化。 1、HTML5世界地图 划分世界区域并显示国家名 这是...

阅读(5561)赞 (1)

WEB前端

CSS 中 display:inline-block 属性使用详解

7

爱前端网 - Yang 发布于 2015-11-03

本文详细描述了display:inline-block的基础知识,产生的问题和解决方法以及其常见的应用场景,加深了对inline-block应用的进一步理解。 基础知识 display:inline-block是什么呢?相信大家对这个属性并不陌生,根据名字inline-block...

阅读(2146)赞 (0)

WEB前端

12 个非常实用的 jQuery 代码片段

爱前端网 - Yang 发布于 2015-11-03

jQuery是一个非常流行而且实用的JavaScript前端框架,本文并不是介绍jQuery的特效动画,而是分享一些平时积累的12个jQuery实用代码片段,希望对你有所帮助。 1. 导航菜单背景切换效果 在项目的前端页面里,相对于其它的导航菜单,激活的导航菜单需要设置不同的背景...

阅读(1938)赞 (0)

WEB前端

2015年最佳的15个 Node.js 开发工具

15

爱前端网 - Yang 发布于 2015-10-30

Node.js越来月流行,这个基于 Google V8 引擎建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。在本文中,我们列出了2015年最佳的15个Node.js 开发工具。这些工具对于刚刚开始学习Node.js的新手开发者非常有帮助。如果你知道任何其他有用的 No...

阅读(2120)赞 (0)

WEB前端

12 个 CSS 高级技巧汇总

爱前端网 - Yang 发布于 2015-10-13

下面这些CSS高级技巧,一般人我可不告诉他哦。 使用 :not() 在菜单上应用/取消应用边框 给body添加行高 所有一切都垂直居中 逗号分隔的列表 使用负的 nth-child 选择项目 对图标使用SVG 优化显示文本 对纯CSS滑块使用 max-height 继承 box-...

阅读(2737)赞 (0)

WEB前端

19款绚丽实用的jQuery/CSS3侧边栏菜单

19

爱前端网 - Yang 发布于 2015-10-12

jQuery作为一款主流的JavaScript前端开发框架,深受广告开发者的亲睐,同时jQuery有着不计其数的插件,特别是菜单插件更为丰富,本文将要为大家介绍20个绚丽而实用的jQuery侧边栏菜单,这些侧边栏菜单可以用在不同风格的网页上,如果你觉得不错,也可以进入其下载页面下...

阅读(15129)赞 (26)

WEB前端

7 个顶级的 HTML5 Canvas 动画赏析

7

爱前端网 - Yang 发布于 2015-10-10

HTML5确实是一项改革浏览器乃至整个软件行业的新技术,它可以帮助我们Web开发者很方便地在网页上实现动画特效,而无需臃肿的Flash作为支撑。本文分享7个顶级的HTML5 Canvas 动画,都有非常不错的效果。 1、3D HTML5 Logo动画 HTML5多视角3D旋转动画...

阅读(3472)赞 (0)

WEB前端

使用HTML5和CSS3碎语

爱前端网 - Yang 发布于 2015-09-28

当我们使用HTML5, CSS3,甚至Bootstrap设计网站的时候,有些方面是必须考虑的,比如字体大小,标题大小,行间距,每行字数,字体,颜色,背景图片和文字的搭配,图标,留白和布局……所有的这些,都不是随随便便的,讲究一定的原则。本篇收集了使用HTM...

阅读(2453)赞 (0)

WEB前端

10款精美的web前端源码的特效

10

爱前端网 - Yang 发布于 2015-09-21

1.HTML5侧滑聊天面板 很酷的聊天界面 这是一款基于HTML5和SVG的侧滑聊天面板,初始化的时候聊天面板是锁定的,当你拖动白色区域时,即可解锁展开聊天面板,显示所有好友。点击面板中的好友即可切换到聊天模式。无论界面美化还是动画特效,这款HTML5聊天面板都非常不错,当然具体...

阅读(8168)赞 (10)

WEB前端

10款web前端基于html5/CSS3应用特效

10

爱前端网 - Yang 发布于 2015-09-14

1.jQuery百叶窗效果焦点图 多种百叶窗动画方式 对于百叶窗动画效果,我们介绍的不是很多,目前就介绍过一款CSS3百叶窗图片切换。这次要给大家带来一个基于jQuery的多种百叶窗动画效果焦点图,焦点图的切换伴随随机的百叶窗动画,每一种百叶窗动画都非常精巧,当然你也可以定义自己...

阅读(3872)赞 (2)

WEB前端

8个强大的基于Bootstrap的CSS框架

8

爱前端网 - Yang 发布于 2015-09-08

做过前端开发的小伙伴们应该对Bootstrap不会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件。当然,和jQuery一样,Bootstrap同时也是一个开放式的CSS框架,基于Bootstrap,我们也可以做许多不错的CSS UI...

阅读(3419)赞 (1)

WEB前端

强大的HTML5幻灯片系统:H5Slides

3

爱前端网 - Yang 发布于 2015-09-06

H5Slides是一款基于HTML5的轻量级幻灯片播放系统,以前我们给客户演示幻灯片时,还需要在机器上安装ppt软件,有时还会因为版本问题安装失败,影响演示的进度。但是如果能用浏览器来实现ppt播放,那么这一切就简单多了,甚至可以在移动设备上播放幻灯片。同时,你也可以更方便的将自...

阅读(1993)赞 (0)

WEB前端

CSS Hack大全-教你如何区分出浏览器的版本

1

爱前端网 - Yang 发布于 2015-09-01

今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及火狐、Chrome、Opera浏览器的Hack,并把这些CSSHack综合的一起,写了一个小的浏览器测试器 现在的浏览器IE6-IE10、Firefox、Chrome、Opera、Safari。。。数量众多,...

阅读(2044)赞 (0)

WEB前端

18个最好的响应式Web设计工具和库

18

爱前端网 - Yang 发布于 2015-08-31

现在在网上,响应式Web设计的工具和库资源玲珑满目,应有尽有。下面我将讲一讲其中最好的18个工具和库。 1.Get Bootstrap 如果你想用HTML、CSS和JavaScript开发响应式网页,Bootstrap是最受网页设计师和开发人员欢迎的框架。它适合所有技能水平的人,...

阅读(1895)赞 (0)

WEB前端

20 个强大图象处理功能的 SVG 工具

15

爱前端网 - Yang 发布于 2015-08-20

SVG 现正在 Web 设计领域变得越发流行, 你可以使用 Illustrator 或者 Inkscape 来创建 SVG 图像。 但当进行 Web 设计时,我们还需要做一些优化来使得 SVG 变得更加轻量。 下面介绍的 20 个工具,可以帮助你快速有效的创建 SVG 图像。现有...

阅读(2332)赞 (0)