爱前端网爱前端网

所有文章 第2页

WEB前端

程序猿必备的10款web前端动画插件三

10

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

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

阅读(1220)评论(0)赞 (6)

WEB前端

程序猿必备的10款web前端动画插件二

10

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

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

阅读(1082)评论(0)赞 (6)

WEB前端

程序猿必备的10款web前端动画插件一

10

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

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

阅读(3764)评论(0)赞 (9)

WEB前端

程序猿必备的8款web前端SVG动画特效

8

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

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

阅读(796)评论(0)赞 (7)

WEB前端

程序猿必备的10款超有趣的SVG绘制动画赏析

10

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

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

阅读(947)评论(0)赞 (6)

WEB前端

程序猿必备的10款超炫酷HTML5 Canvas插件

10

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

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

阅读(4630)评论(0)赞 (21)

WEB前端

Node.js与Ruby on Rails:二者哪个最适合Web开发?

1

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

如果您希望切换到其中一个后端框架,请继续阅读,以获得每个框架的概述,以及它们如何相互堆叠。 大家好,在这篇文章中我们将比较节点。js与Ruby on Rails的web开发。我写这篇文章的主要原因是,我们的团队经常被问到哪种语言或者哪个框架最适合学习。无论如何,我们从不给出一个简...

阅读(582)评论(0)赞 (5)

WEB前端

程序猿必备的9款JavaScript图表库插件

10

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

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

阅读(715)评论(0)赞 (6)

WEB前端

精选!15个必备的VSCode插件

15

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

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

阅读(609)评论(0)赞 (5)

WEB前端

Angular 5基本演示项目概述

7

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

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

阅读(610)评论(0)赞 (5)

WEB前端

程序猿必备的10款web前端开发插件五

10

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

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

阅读(671)评论(0)赞 (6)

WEB前端

Cool!15个创意的 CSS3 文本效果

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

这里文章收集了15个创意的 CSS3 文本效果,所有的都是精心挑选,这些可能会增加创意的火花到你的下一个项目。其中有些是用于特定用途,而另一些则适用于多种用途。如果你想要一个精彩而又充满色彩的文字效果,那么这是给你的完美的解决方案!它非常适合于创意机构或作品集项目。 尽管这个文本...

阅读(690)评论(0)赞 (6)

WEB前端

21款轻量的 JavaScript 库和插件

21

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

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

阅读(637)评论(0)赞 (2)

WEB前端

分享8款网站开发中最好用的打印页面插件

8

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

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

阅读(750)评论(0)赞 (2)

WEB前端

12款很赞的web前端移动开发框架

12

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

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

阅读(700)评论(0)赞 (2)

WEB前端

15个最佳的 JavaScript 表单验证库

15

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

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

阅读(1889)评论(0)赞 (2)

WEB前端

Web设计新趋势:SVG Sprites实践应用

4

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

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

阅读(579)评论(0)赞 (2)

WEB前端

10款基于HTML5/CSS3的炫酷动画

10

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

1.HTML5 Canvas闪亮的3D蓝宝石动画 几天前,我们向大家分享过一款基于HTML5 Canvas的3D钻石动画,制作得十分逼真。今天我们要分享另外一个基于HTML5 Canvas的3D蓝宝石动画,我们可以通过鼠标的拖拽来实现蓝宝石的各个视角的观察,并且通过鼠标滚轮来缩放...

阅读(879)评论(0)赞 (3)