WEB前端

爱前端网 - Yang 发布于 2018-04-16

1.jQuery大屏图文切换时间轴 可循环播放 今天要给大家带来一款比较特别的jQuery图片切换播放器，它的特点在于切换的不仅仅是图片，而是图文，另外每一幅图文关联时间轴上的一个节点，时间轴跟随图文切换而移动。同时，这款图文时间轴播放器还可以无缝循环播放。如果你的网站上需要介绍...

阅读(328)评论(0)赞 (1)标签：CSS3 / HTML5 / Jquery / SEO / SVG / web前端

爱前端网 - Yang 发布于 2018-03-13

1.HTML Canvas火焰画笔动画 之前我们为大家分享过很多关于火焰的HTML5动画，像这个HTML5 Canvas火焰文字动画特效和这个HTML5动感的火焰燃烧动画特效就非常炫酷。这次我们要介绍的这款基于HTML5 Canvas火焰动画非常特别，它是带火焰动画的画笔，画笔笔...

阅读(483)评论(0)赞 (6)标签：CSS3 / HTML5 / Jquery / SEO / SVG / web前端

爱前端网 - Yang 发布于 2018-02-08

1.SVG选项切换开关按钮 可提供3个选项切换 这是一款比较特别的开关切换按钮，与之前分享的很多CSS3开关切换按钮不同，这款是基于SVG和HTML5的，它的最大特点在于可以提供3个选项切换动画，不像前面的这款漂亮的纯CSS3开关切换按钮动画那样虽然外观漂亮，但只能提供&ldqu...

阅读(685)评论(0)赞 (3)标签：CSS3 / HTML5 / Jquery / SEO / SVG / web前端

爱前端网 - Yang 发布于 2018-01-25

1.HTML5/CSS3实现四季更替过渡动画 采用HTML5和CSS3技术我们可以实现很多色彩变幻和情景过渡动画效果，之前分享的这款HTML5 SVG天气预报动画卡片就是一个很不错的例子。这次我们带来的是一款基于HTML5和CSS3的四季更替过渡动画特效，一副简单的森林景象伴随着...

阅读(533)评论(0)赞 (3)标签：CSS3 / HTML5 / Jquery / SEO / SVG / web前端

爱前端网 - Yang 发布于 2018-01-14

1.一组精美的SVG自定义单选框按钮美化插件 之前我们介绍过很多利用CSS3渲染的自定义美化单选框和复选框，比如这款jQuery超级个性化的单线框和复选框就非常不错。这次我们要分享的是一组基于SVG的自定义单选框按钮美化插件，它非常适合做一些精美的评分插件。 在线演示 源码下载 ...

阅读(655)评论(0)赞 (4)标签：CSS3 / HTML5 / Jquery / SEO / SVG / web前端

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

1.超简易的SVG/CSS3 Loading加载动画图标 今天我们要为大家分享一组非常简易的SVG/CSS3 Loading加载动画图标，和之前分享的SVG实现的一组超华丽Loading加载动画相比，这组Loading动画更见简单，它主要由圆环形和柱形两种样式组成，可以将这些Lo...

阅读(674)评论(0)赞 (6)标签：CSS3 / HTML5 / Jquery / SEO / SVG / web前端

爱前端网 - Yang 发布于 2018-01-08

在网页上，特别是个人博客中经常会用到时钟插件，一款个性化的时钟插件不仅可以让页面显得美观，而且可以让访客看到当前的日期和时间。今天我们给大家收集了15个超强悍的圆盘时钟动画，很多都是基于CSS3，也有一部分利用jQuery和SVG，让我们一起来看看吧。 1、纯CSS3/SVG实现...

阅读(600)评论(0)赞 (5)标签：CSS3 / HTML5 / Jquery / SVG / web前端

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

1.SVG/HTML5超富创意的环形颜色拾取器 记得很早以前我们分享过一款功能很强大的jQuery颜色选取插件 支持透明度选择，确实很不错。今天我们要介绍另外一款基于SVG和HTML5的环形颜色拾取器，非常具有创意。20种颜色组成一个圆环，每一种颜色都有相近的5种颜色可以选取，唯...

阅读(664)评论(0)赞 (6)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / SVG / web前端

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

1.CSS3 Material 设计样式的按钮 带点击波纹特效 今天我们要给大家带来一组很漂亮的CSS3按钮，按钮的整体风格采用Material设计样式，非常简洁和清新。在这组CSS3按钮中，样式各种各样，有圆形按钮，也有带小图标的按钮，当然颜色也有很多。另外这组按钮还有一个特点...

阅读(622)评论(0)赞 (6)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / SVG / web前端

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

1.超酷的jQuery/CSS3五彩环形弹出菜单 今天我们要为大家分享一款非常漂亮的jQuery/CSS3五彩环形弹出菜单，一开始菜单项都聚集在一起，并且每个菜单项都微微错开，就像一个彩色团子。点击团子后，菜单项就会以弹出的形式展开，并形成一个环形，再点击Close按钮后，菜单项...

阅读(539)评论(0)赞 (6)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / web前端

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

一个鼓舞人心的演示，用three.js探索3D空间中的粒子动画。这种类型的动画可能非常适合页面加载器。 这套演示使用three.js和easing探索三维粒子动画。这些演示中的所有粒子和形状都是由三个基本的几何体/材质/网格组成，如球体，线条和盒子。 在线预览 源码下载 这个概念...

阅读(643)评论(0)赞 (7)标签：3D / CSS3 / HTML5 / Javascript / SEO / web前端

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

这是围绕一个案例研究项目，Vuebnb，一个简单的Airbnb的克隆。在这篇文章中，我将对它是如何工作的一个高层次的概述，以便从头开始构建一个完整的Vue / Laravel应用程序。 这里有一个现场演示，如果你想看看：https：//vuebnb.vuejsdevelopers...

阅读(643)评论(0)赞 (7)标签：Javascript / Laravel / SEO / Vue.js / Vuebnb / web前端

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

关于Laravel的新的Vue服务器端渲染功能的教程。该教程主要集中在Laravel环境中设置SSR，所以我只有时间来演示一个简单的“Hello World”应用程序，没有显着的功能。 现在我想要构建上一个教程，并演示如何使用Vue Router呈现包含多...

阅读(599)评论(0)赞 (4)标签：Javascript / Laravel / SEO / Vue.js / web前端

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

对于许多开发者来说，Vue.js是他们学到的第一个前端JavaScript框架。如果这对你是真的，你可能还没有理由学习Webpack。但是当你继续使用Vue时，你会看到Webpack在文档，示例项目和Vue CLI等工具中反复出现。 Webpack为Vue用户提供了很多好处： 一...

阅读(513)评论(0)赞 (7)标签：Javascript / SEO / Vue.js / Webpack / web前端

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

当我开始使用Vue收集有关SSR（服务器端渲染）的信息时，我必须从不同的文章以及官方文档中获取相关信息，以便全面了解这个主题。 以下是我在这些来源中发现的一些问题： 很多关于你应该拥有的信息的假设，比如Webpack配置，连接Vue Router等的正确方法。 缺乏一些重要的信息...

阅读(425)评论(0)赞 (6)标签：CSS3 / HTML5 / Javascript / SEO / Vue.js / web前端

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

在本文中，我将解释使用DOM作为模板的问题，并提供一些使用Vue.js框架的替代方法。 Vue应用程序通常使用DOM作为模板，因为它是建立最快最简单的体系结构。 然而，这种做法带来了一些问题，这使得它成为任何重大项目的不良选择。例如，您为DOM模板编写的标记并不总是在运行应用程序...

阅读(492)评论(0)赞 (5)标签：Javascript / SEO / Vue.js / web前端

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

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

阅读(463)评论(0)赞 (6)标签：CSS3 / HTML5 / Javascript / SEO / web前端

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

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

阅读(656)评论(0)赞 (6)标签：CSS3 / HTML5 / Javascript / SEO / SVG / web前端

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

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

阅读(640)评论(0)赞 (6)标签：CSS3 / HTML5 / Javascript / SEO / SVG / web前端