标签：WEB前端 第2页

爱前端网 - Yang 发布于 2017-12-11

JavaScript已经成为当今世界各地Web开发人员非常流行的工具。您可以构建大量项目，例如Web应用程序，移动应用程序等等。 然而，在开发过程中，一些任务是非常重要的，如缩小，单元测试和网页刷新。这些任务不仅非常无聊，而且压力也很大。尽管如此，这些任务仍有待完成。 本文将介绍...

阅读(2864)赞 (8)标签：CSS3 / HTML5 / Javascript / SEO / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-12-09

1.一些想法预览或只是在悬停的文件夹上播放 这个想法是在悬停文件夹图标时显示一些动画，并显示某种内容的预览。我们想与你分享一些有趣的小悬停效果。这个想法是显示文件夹的预览动画。动画旨在作为一个有趣的微观互动，给用户一些暗示内部文件夹内的暗示。 在线演示 源码下载 2.观看者似乎穿...

阅读(4162)赞 (7)标签：CSS3 / HTML5 / Javascript / SEO / SVG / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-12-08

1.菜单悬停效果的展示 一些菜单链接悬停效果为您的灵感。由CSS和JavaScript为单个字母动画提供支持。今天，我们希望与您分享一些菜单悬停效果。我们希望这一套启发你，并为你的下一个项目提供一些想法。这些效果是由CSS或仅在anime.js的帮助下提供动力。有些还使用Char...

阅读(4663)赞 (8)标签：CSS3 / HTML5 / Javascript / SEO / SVG / WEB前端 / web前端

爱前端网 - Yang 发布于 2017-12-07

1.动画SVG框架幻灯片 在幻灯片之间切换时显示动画SVG帧的实验性幻灯片。不同的形状可以用来创建各种风格。 我们想和大家分享一个实验幻灯片。我们的想法是在从一个幻灯片转换到另一张幻灯片时，使SVG帧动画化。使用不同的形状，我们可以在改变SVG路径时创建各种框架样式。这个想法的灵...

阅读(11629)赞 (13)标签：CSS3 / HTML5 / Javascript / SEO / SVG / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-12-06

1、SVG图片波浪效果渲染动画 今天我们要为大家分享一款很酷的SVG图片动画，主要是图片上会出现波浪的渲染动画。实现原理是在图片上方利用SVG路径绘制了一层蒙板，然后蒙版进行一定的随机扭曲就形成了图片上方波浪翻滚的动画特效，而且也十分逼真。 在线演示 源码下载 2、基于HTML5...

阅读(3555)赞 (8)标签：CSS3 / HTML5 / SEO / SVG / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-12-05

SVG作为时下比较新颖的技术标准，已经建立了很多基于SVG的前端项目。由于SVG在绘制路径上非常灵活，我们将很多网页上的元素使用SVG来绘制而成，有各种人物、小图标、小动画等等。今天我们收集了10个非常新奇有趣的SVG绘制动画，这些动画大部分都是使用SVG结合一定的CSS3特性实...

阅读(5222)赞 (8)标签：CSS3 / HTML5 / Javascript / SEO / SVG / WEB前端 / web前端

爱前端网 - Yang 发布于 2017-12-04

1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画，动画以太空作为背景，地球在太空中旋转，同时我们也可以拖拽鼠标来从不同的角度观察地球。另外我们也可以通过点击全屏按钮来全屏观看地球旋转动画，记得在很早以前我们也分享过一款基...

阅读(14520)赞 (30)标签：Canvas / CSS3 / HTML5 / Jquery / SEO / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-12-01

能够吸引人的交互式可视化是Web开发人员工作的重要组成部分。在本文中，我们讨论9个可以帮助的库。 既然你正在读这篇文章，那么数据可视化已经成为当今IT界非常重要的一部分，这对你肯定不是什么新闻。大量的数据是由不同的Web技术生成的，需要适当地加以改进和可视化，以供世界使用和获得它...

阅读(3223)赞 (7)标签：CSS3 / HTML5 / Javascript / SEO / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-11-30

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。为了帮助大家挑选出值得下载的插件，我们针对性的...

阅读(3138)赞 (6)标签：CSS3 / HTML5 / Javascript / SEO / VSCode / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-11-30

介绍 这篇文章是Angular 5系列的延续，你可以在这里找到这个系列的第一部分。什么是新的以及如何设置我们的第一个Angular 5应用程序。所以，如果你还没有经历第一部分，我强烈建议你这样做。在我们的第一部分中，我们看到了Angular 5的更新以及如何在Angular 5中...

阅读(2239)赞 (6)标签：Angular / HTML5 / Javascript / SEO / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-11-29

1.SVG实现的一组超华丽Loading加载动画 Loading动画我们已经分享过很多了，大部分都是基于纯CSS3的，或者有些也有jQuery协助完成。比如这个10组蓝色风格的纯CSS3 Loading动画图标就非常实用。今天我们要分享的是一组基于SVG的超华丽Loading加载...

阅读(3175)赞 (7)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / SVG / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-11-28

1.jQuery/CSS3 3D Tab菜单选项卡插件 之前我们分享过很多基于jQuery和CSS3的Tab选项卡菜单插件，很多都非常实用，比如这款jQuery五彩Tab选项卡动画，也有些非常炫酷，比如这款CSS3华丽的Tab菜单 带小图标动画。今天我们再分享一款jQuery/C...

阅读(2588)赞 (4)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / web前端 / WEB前端

爱前端网 - Yang 发布于 2017-11-27

下面这个列表中的免费 JavaScript 插件都是今年发布的，没有臃肿的一体化的框架，它们提供轻量级的解决方案，帮助 Web 开发过程更容易和更快。提供的插件可以创建滑块、响应式菜单、模态窗口、相册和许多其他常见的组件。 1.baguetteBox.js baguetteBox...

阅读(3172)赞 (3)标签：Javascript / Jquery / SEO / WEB前端 / web前端

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

通常浏览器是通过打印命令来确定需要打印的内容，但它可以在 jQuery 插件打印页面插件的帮助下打印一个特定区域的内容。。因此,您可以使用这些 jQuery 插件和打印页面给用户在你的网站上所需的接口。 1.PrintArea PrintArea是一个jQuery插件打印指定的页...

阅读(3448)赞 (4)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / WEB前端 / web前端

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

原生移动应用程序运行更快、更顺畅，有更好的用户体验。而同时，前端开发人员总是寻找新的 Web 技术来获得这种性能。利用现有的高质量移动框架来构建移动 Web 应用程序已成为非常容易，但是如何选择合适的框架是比较纠结的。因此在本文中，我们整理了12个很赞的移动框架。 1.Redbe...

阅读(2788)赞 (3)标签：CSS3 / HTML5 / Javascript / SEO / WEB前端 / web前端

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

客户端验证在任何项目都是不够的，因为 JavaScript 可以直接忽略，人们可以提交请求到服务器。 然而这并不意味着客户端验证都没必要了，很多时候我们需要在用户提交到服务器之前给予提示。JavaScript 表单验证库允许开发人员自定义样式、错误消息和样式以及简化验证规则的创建...

阅读(75568)赞 (3)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / WEB前端 / web前端

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

1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画，比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水波荡漾特效。今天我们要介绍一款也是基于HTML5 Canvas的波浪翻滚动画，它...

阅读(4887)赞 (13)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / WEB前端 / web前端

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

前言 随着移动互联网的到来，各种高清屏幕移动设备的层出不穷，导致H5应用在移动设备retina屏幕下经常会遇到图标不清晰的问题。 为了解决屏幕分辨率对图标影响的问题，通常采用CSS Sprite，Icon Font，CSS Icon以及SVG以适应@x1屏、@2屏、@3屏，相对比...

阅读(2157)赞 (3)标签：CSS3 / HTML5 / SEO / SVG / WEB前端 / web前端