带给你灵感：30个超棒的 SVG 动画展示【下篇】

带给你灵感：30个超棒的 SVG 动画展示【上篇】

前端开发人员和设计师一般使用 CSS 来创建 HTML 元素动画.然而,由于 HTML 在创建图案,形状,和其他方面的局限性,它们自然的转向了 SVG,它提供了更多更有趣的能力.借助SVG,我们有更多的方式来创建新的动画.您可以同时使用内置的 SVG 动画功能和 CSS3 动画. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计让网站动起来!12款优秀的 jQuery 动画插…

带给你灵感：30个超棒的 SVG 动画展示【下篇】

前端开发人员和设计师一般使用 CSS 来创建 HTML 元素动画.然而,由于 HTML 在创建图案,形状,和其他方面的局限性,它们自然的转向了 SVG,它提供了更多更有趣的能力.借助 SVG,我们有更多的方式来创建新的动画. 您可能感兴趣的相关文章 Web 前端开发人员和设计师必读精华文章推荐精心挑选的优秀jQuery Ajax分页插件和教程 12个让人惊叹的的创意的 404 错误页面设计让网站动起来!12款优秀的 jQuery 动画插件 8个前沿 HTML5 & CSS3 效果[附源码下载…

另外一款超棒的响应式布局jQuery插件 – Freetile.js

在线演示我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 – Freetile.js,使用它同样可以生成超酷的动态布局效果.相信大家一定会喜欢! 主要特性 Freetie来自于Assemblage和 Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方: 允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你…

30款超酷的HTTP 404页面未找到错误设计

访问网站过程中,我们最常看到的HTTP错误就是404页面未找到错误,很多网站都针对这个错误设计自己富有个性的页面,在今天这篇文章中我们就分享30多款设计非常霸道的404错误页面,希望大家能够找到更多的404错误页面的设计灵感,如果你也曾经看到过类似的404错误页面设计,请与我们分享! 01. Nouveller 02. Hot Dot Production 03. Bluegg 04. Lego 05. Magnt 06. GitHub 07. CSS Ninjas 08. Daniel K…

10 个超棒的 JavaScript 简写技巧

今天我要分享的是10个超棒的JavaScript简写方法,可以加快开发速度,让你的开发工作事半功倍哦. 开始吧! 1. 合并数组普通写法: 我们通常使用Array中的concat()方法合并两个数组.用concat()方法来合并两个或多个数组,不会更改现有的数组,而是返回一个新的数组.请看一个简单的例子: let apples = ['', '']; let fruits = ['', '', ''].concat(apples); console.log( fruits ); //=> [&qu…

8个超棒的HTML5网站设计欣赏

我们听到了很多关于HTML5的新闻和技术动向,一个又一个的新的东西不停的出现,那么最近HTML5的技术应用又如何呢?HTML5又和CSS及其Javascript如何一起改变我们的网站设计和实现的呢? 带着这些问题,我们将推荐给大家8个超棒的HTML5网站设计.其中包括了Jordan主站的视差滚动特效,它将滚动带入了一个新的境界!还有Draw stick man,这个网站允许你使用你的绘画技能完成你自己的作品.希望大家喜欢! Draw Stick Man II 如果你对于HTML5的互动应用有兴趣…

带给您灵感的25个最新鲜的 HTML5 网站

感谢 HTML5 带来的惊人的先进特性,在未来几年,HTML5 将会继续发挥巨大的推动作用,不仅是在 Web 应用中,网页设计领域也会有新的变革.今天,我们在这里集合了能够带给您灵感的25个最新鲜的 HTML5 网站. 您可能感兴趣的相关文章 25个以全屏照片为背景的精美网页作品大背景图片在网页设计的20个精彩应用 20佳应用大照片做背景的优秀网站案例大背景图片在网页设计的20个精彩应用大背景在网页设计中应用的30优秀案例 Nedd Stereo Creative Fillet Codet…

用CSS3制作50个超棒动画效果教程

这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动.为了能够预览到这些惊人的CSS3技术带来的动画特效,请大家使用如Safari和Chrome这类基于WebKit内核的浏览器.(IE浏览器谢绝观赏~) 1.CSS3实现钟表效果(基于jQuery) 使用CSS3的基本变形特性:rotate,并结合了jQuery这类javaScript框架制作的CSS3时钟效果. 2.模拟时钟模拟时钟基于过渡webkit和CSS3变形,javascript用于将其按当前时间转动. 3.可…

FROONT – 超棒的可视化响应式网页设计工具

FROONT 是一个基于 Web 的设计工具,在浏览器中运行,使得各类可视化设计的人员都能进行响应式的网页设计,即使是那些没有任何编码技能的设计师.FROONT 使得响应式网页设计能够可视化操作,能够在浏览器中使用直观的拖放工具进行设计. 您可能感兴趣的相关文章 Verlet-js:超炫的开源 JavaScript 物理引擎推荐 jQuery.mmenu – 用于移动 Web 项目的光滑菜单 Ratchet – 惊艳无比的 iPhone 应用原型制作框架 Debuggex – 超好用的正则表达式…

Moment.js 超棒Javascript日期处理类库

Moment.js 不容错过的超棒Javascript日期处理类库主要特性: 3.2kb超轻量级独立类库,意味这你不需要倒入一堆js 日期处理支持UNIX 时间戳,String,指定格式的Date 日期处理:加,减日期日期显示:包括相对时间显示的日期显示选项其它内建的功能,例如,保存,timezone offset和i18n支持可以作为node.js的一个模块使用: 首先,你可以创建一个新的moment 对象.它通过全局的moment() 方法来完成.如果你不设置参数,它将使用当前的…

超棒的 15 款 Bootstrap UI 编辑器

自从 2011 年 Mark Otto 和 Jacob Thornton 开发了 Bootstrap,我们第一次接触并熟知了 Bootstrap .这些都归功于 Twitter!从那以后,它就非常流行并且成为了最好的响应式框架之一.Bootstrap 帮助开发者快速高效的开启大量新的 web 项目,受到了广大开发者们的青睐. 为了照顾那些不是很熟悉 Bootstrap 但是又想继续深入了解的开发者,我们在这里简单的介绍一下.Bootstrap 是一个 pre-styled 组件的扩展库,有…

30 个很棒的 PHP 开源 CMS 内容管理系统

本文汇集了30个优秀的开源CMS建站系统,采用PHP开发.以下列表不分先后顺序. 1. AdaptCMS AdaptCMS Lite 是一个开源的CMS系统,主要特点是易用,而且可以轻松和其他系统接驳,提供简单的扩展定制途径,一个简单而且功能强大的模板系统,以及更多很有用的功能. 2. OneCMS OneCMS是一个适合管理游戏的内容管理系统.它可以很容易的通过自己的一些功能诸如额外的论坛软件,定制区域,定制分类等等来管理站点内的内容.游戏. 3. Pluck Pluck 是一个小型而且简单的…

四款超棒的jQuery数字化签名插件

在浏览器中,我们有很多方式来绘制生成签名效果,并且有很多很棒很智能的jQuery插件.数字化签名是未来的发展方向,正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件,希望大家喜欢! 1. jSignature 这个jQuery插件简化了创建数据签名的过程,允许用户使用鼠标,手写板,手指来绘制签名.这里是演示 2. Signature Pad 这个jQuery插件可以辅助使用HTML5画布来实现数字签名.它保存签名为JSON,并且可以以后再重新生成,这里是演示 3. jQuer…

30 个最棒的 jQuery 的拖放插件

jQuery 允许用户为任意 DOM 元素添加可拖放的功能,通过 jQuery 的拖放插件你可以轻松实现网页上任意元素的拖拽操作.在本文中我们向你推荐 30 个最棒的 jQuery 的拖放插件. 点击图片访问插件网站: 1. Dropper Dropper is a jQuery plugin for simple drag and drop uploads. 2. Fancy Product Designer 3. Dragdealer 4. jQuery Ajax File Uploader…

腾讯出品的一个超棒的 Android UI 库

腾讯出品的一个超棒的 Android UI 库相信做 Android 久了大家都会有种体会,那就是 Android 开发相对于前端开发来说统一的 UI 开源库比较少.造成这种现象的原因一方面是大多数 App 都有自己的 UI 风格,另一方面也是因为开源这种 UI 库费事费力而且很难受到关注,可以说是吃力不讨好. 正因如此,今天这个 UI 库就显得特别值得关注了.它提供了一系列常用的组件和丰富多彩的样式主题,比如最常见的 TextView.Button.EditText.ImageView.Sp…

来自Vexels的超棒免费商业相关图标资源 #精选设计素材图标

如果你也在寻找一些商务相关的图标的话,今天推荐的这套图标资源绝对是你梦寐以求滴 , 首先呢请预览一下效果吧~ 这套来自Vexels的图标包含了28张商务和商业相关的内容,包含了战略,市场,项目,付款等等商业相关的内容, 并且支持不同的文件格式,例如, AI,EPS,PSD,PNG等等最重要的是符合 Creative Commons Attribution 3.0 Unported 授权,我们可以自由修改和演绎, 是不是超棒哈? 完整的预览效果吧: 最后是下载地址: 立刻下载商业相关图标 (28…

10个超棒jQuery表单操作代码片段

jQuery绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器.可能大家在日常的开发过程中常常会处理表单相关的javascript,在今天这篇代码片段分享文章中,这里收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大家更好更快的处理表单相关问题,希望大家喜欢!如果你也有相关的代码,请大家积极分享! 代码片段1: 在表单中禁用“回车键” 大家可能在表单的操作中需要防止用户意外的提交表单,那么下面这段代码肯定非常有帮助: 在线调试 …

13个可实现超棒数据可视化效果的Javascript框架

随着商业及其相关需求的发展,数据成为越来越重要的元素之一,为了更加直观和明显的展示商业潜在的趋势和内在的特性,我们需要使用图表和图形的方式来直观动态的展示数据内在秘密,在今天的这篇文章中我们推荐12款最棒的数据可视化的Javascript框架,希望能够帮助大家在项目中更好的实现数据可视化效果. ECharts 提起ECharts,经常使用开源软件的朋友应该很熟悉,当然,如果你不知道也没关系.但是你肯定知道去年春节以及近期央视大规划报道的百度大数据产品,如百度迁徙.百度司南.百度大数据预测等等,这…