随着响应式网页的发展,对于内容呈现的要求也越来越高,尤其是图像.为了在各种设备上能实现自然伸缩或扩展而不影响图片质量,所以矢量图形(SVG)正变得越来越受欢迎. 大家都知道,在计算机图形学中,有两种主要的图像类型:矢量和位图.位图[bitmap],也叫做点阵图,栅格图象,像素图,简单地说,就是最小单位由像素构成的图,缩放会失真.矢量图,简单地说,就是缩放不失真的图像格式. 为什么SVG更受欢迎?主要有这几方面的原因: SVG 是可伸缩的矢量图形,在浏览器中改变尺寸,其图形质量不会有所损失 相比其…

Typora代码编辑软件,一款适合新手小白的做笔记工具,操作简单,大家可以去试试......…

SVG作为时下比较新颖的技术标准,已经建立了很多基于SVG的前端项目.由于SVG在绘制路径上非常灵活,我们将很多网页上的元素使用SVG来绘制而成,有各种人物.小图标.小动画等等.今天我们收集了10个非常新奇有趣的SVG绘制动画,这些动画大部分都是使用SVG结合一定的CSS3特性实现而成,效果让人大为震撼,一起来看看吧. 1.HTML5 SVG实现会跳舞的花朵 4种跳舞心情 这又是一款很有趣的HTML5 SVG动画,它是一朵会跳舞的花.首先,花朵和花盆均采用SVG进行绘制,虽然是简单的线条以及单纯…

对以前来讲,3D动画拿到网页上展示是一件非常奢侈的事情,第一是浏览器不够先进,第二是大部分只能用flash实现伪3D.HTML5的出现,让实现网页3D动画变得非常简单,当然前提是你不要再使用像IE678之类的浏览器了.下面精选的几款HTML5 3D动画,希望你会喜欢. 1.HTML5 SVG 3D空间模型 可拖拽缩放 这是一个基于HTML5和SVG的3D空间模型,这个3D模型提供了x.y.z三个坐标轴以及一个平面网格.我们可以对这个HTML5 3D模型进行缩放.拖拽.翻转等操作,这些操作可以通过…

1.CSS3飘带状3D菜单 菜单带小图标 这次我们要来分享一款很特别的CSS3菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形成非常酷的3D视觉效果.这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导航. 在线演示 源码下载 2.HTML5/CSS3 3D纸片折叠动画 今天我们再来分享一款非常华丽的HTML5/CSS3 3D动画特效,尽管它目前很少能在项目中应用,但从源码中我们可以学到很多HTML5 3D动画的制作知…

1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度观察地球.另外我们也可以通过点击全屏按钮来全屏观看地球旋转动画,记得在很早以前我们也分享过一款基于HTML5 Canvas的地球动画,请看这里. 在线演示 源码下载 2.HTML5 Canvas 3D文字动画 支持鼠标滚轮缩放 之前我们已经为大家分享过很多款炫酷和实用的HTML5文字动画特效,最经典的就是这款HTM…

我们分享过很多漂亮的HTML5动画,包括CSS3菜单.HTML5 Canvas动画等.今天我们精选了9款非常不错的超炫HTML5最新动画及其源码,一起来看看. 1.HTML5可爱的404页面动画 很逗的机器人 很久以前我在网上看到一篇帖子,是专门分享创意404页面的,很可惜我已经找不到了.但是今天我找到一款利用HTML5实现的404机器人动画,当你进入该404页面时,就会出现一个机器人在跳舞,非常可爱.这个机器人跳舞的动作是利用HTML5和CSS3的动画属性实现的,一起来看看. 在线演示   …

lollytin 是一款帮助制作Bootstrap3主题的在线工具,虽然现在仍旧是Beta版本,但是已经非常不错了. 主要功能: 通过拖拽来生成主题 支持拖拽页头,页脚,内容,幻灯,地图,表单,画廊,服务和产品等模块 支持生成javascript插件 导出为HTML 支持下载项目相关文件js,css等 相关截图: 阅读原文:超棒的在线Bootstrap主题编辑工具 - lollytin…

复选框(Checkbox)在各个浏览器中的效果不一致,因此很多 Web 开发人员会自己重新设计一套界面和使用体验都更佳的复选框功能.下面就给大家分享9款超炫的复选框(Checkbox)效果,纯 CSS3 实现,未使用任何图片. 温馨提示:为保证最佳的效果,请在 IE10+.Chrome.Firefox 和 Safari 等现代浏览器中浏览. 前面三款效果都是灵感来自移动应用程序的滑动选择框效果,在选择和未选择状态之间通过滑动来切换效果,非常的动感.效果的实现方面是借用了一个 DIV 标签和一个…

CLIP PATH (MASK) GENERATOR是一款在线制作生成clip-path路径的工具,可以直接生成SVG代码以及配合Mask制作蒙板. CLIP PATH (MASK) GENERATOR 彩蛋爆料直击现场 CLIP PATH (MASK) GENERATOR是一款在线制作生成clip-path路径的工具,可以直接生成SVG代码以及配合Mask制作蒙板.…

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

Article From here: http://js.itivy.com/?p=1883 1.jQuery向前滑动切换焦点图 这款jQuery焦点图非常绚丽,切换图片的时候每张图片是向前滑动的,很有3D立体的感觉. 在线演示    /    源码下载 2.jQuery超炫3D效果焦点图 这是一款非常温馨的jQuery焦点图插件,改jQuery插件拥有3D的效果,非常酷. 在线演示    /    源码下载 3.CSS3 Rotate圆环旋转特效 这是一款CSS3旋转特效,利用了CSS3的Ro…

PDF和Word.TXT等文档一样,都是我们最常用的文档格式,那么一款好用的浏览或编辑PDF的工具就很有必要了,今天和大家分享5款Mac上优秀的PDF阅读和编辑工具. 以下内容来自[风云社区 SCOEE] 更多专题 mac软件其他专题,可关注[磨人的小妖精],查看我的文章. Mac 装机必备软件推荐 2018年度最优秀mac软件及游戏推荐,个个万里挑一 Mac 设计师必备的设计绘图软件 推荐与下载 你值得拥有的Mac PS滤镜插件和特效处理软件合集,不要错过! 8款压箱底的Mac屏幕截图和录音录…

基于jquery8款超赞的评分插件.这是一款基于jquery.barrating插件实现的,该评级小部件可灵活设置CSS样式.具体效果请查看演示.效果图如下: 在线预览   源码下载 实现的代码. html代码: <section class="section section-examples"> <div class="examples"> <div class="row"> <div class=&q…

今天向大家精选了10款超酷的HTML5/CSS3菜单,给你的网页添加不一样的精彩,一起来围观一下吧. 1.CSS3手风琴菜单 下拉展开带弹性动画 利用CSS3技术可以实现各种各样的网页菜单,我们之前也在CSS3菜单栏目中分享了许多CSS3菜单.今天我们分享的这款是CSS3手风琴菜单,菜单项在展开和收缩的时候菜单项会有弹性动画效果.每一层父级菜单有一个小三角,菜单项在展开的时候这个小三角也会出现动画,非常酷. 在线演示        源码下载 2.CSS3动画下拉菜单 带动画图标 利用CSS3可以…

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

jQuery大大简化了我们的前端代码,因为jQuery的简单和开源,也涌现出了层出不穷的jQuery插件,这些实用的jQuery插件也不断推动着jQuery开源社区的发展.下面精选了几款让人跃跃欲试的jQuery实用插件,路过的朋友赶紧收藏吧. 1.jcoverflip jcoverflip可以拖动滑杆来水平播放图片,十分流畅. 在线演示 / 源码下载 2.diapo diapo是一款非常灵活的自定义内容的图片滑块插件. 在线演示 / 源码下载 3.css3 ribbon menu 这是一款简单…

访问网站过程中,我们最常看到的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…

FilterFactory是一款将图片转换成SVG的在线生成工具. FilterFactory 彩蛋爆料直击现场 FilterFactory是一款将图片转换成SVG的在线生成工具.…

PDF(Portable Document Format),中文名称便携文档格式是我们经常会接触到的一种文件格式,文献.文档…很多都是PDF格式.它以格式稳定的优势,使得我们在打印.分享.传输过程中能够最优的保持原有色彩和格式. PDF是以PostScript语言图像模型为基础的一种文档格式,它在格式的稳定性方面虽然具有很大优势.但是,在可编辑性方面却为使用者引入了另外一个困扰. 例如,在文档的分割.合并.剪切.转换.编辑等方面PDF就有些捉襟见肘了. Adobe Reader.福昕阅读器.熊猫…

一新来小盆友问:“移动产品原型设计都用啥工具?” 答:“@#￥……&%*” 又问:“能详细说下各个工具吗?我比较一下” “……” 好吧,谁让我那么的爱分享而你又是小美女呢 ———————正文开始———————— 首先,一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯…以体现我是那么的敬业——长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个P…

如果你是一名Web开发人员,当你需要开发一个独特的网站时,你就会知道文本编辑器的重要性.小编为大家整理了8款非常前沿的HTML5文本编辑器,简化开发流程,喜欢就转走吧! Mercury Editor Mercury Editor是最流行和最常用的HTML5文本编辑器之一.它也是一个功能全面的编辑器,支持所有Web语言,如HTML5元素的语法.JavaScript API等,还支持预览编辑内容.插入链接和图像等.此外,Mercury Editor的拖拽选项还允许你上传文件. Aloha Edito…

http://www.csdn.net/article/2015-02-12/2823939 摘要:现在越来越多的创业公司都希望提升办公的效率,今天介绍的几款也能提升办公效率,不过它们都属于垂直领域的作图工具:LucidChart.Mockingbird.Creately.DrawAnywhere和ProcessOn等. 现在越来越多的创业公司都希望提升办公的效率,之前在CSDN云计算频道的一篇文章<提升办公效率才是王道!12款国内外企业协作工具推荐>,其中就介绍了很多工具.今天介绍的几款也能…

原型工具中Wireframe, Mockup和prototype之间的有什么不同? 无论你是一名刚入行的UX/UI设计师,还是入行多年的老手,在制作原型的过程中一定接触或听说过其中很重要的三个原型术语:“wireframe (线框图)”, “Mockup” 或“prototype”.但扪心自问,你真的能够明明白白的分清他们吗? 事实上,就我而言,更多的是将他们当做是产品软件迭代设计的三个阶段: 第一阶段: 绘制线框图(wireframe) 当设计师或产品经理在了解到用户需求和产品本身特色及性能之…

网络有很多优秀的设计和开发工具可能大家都不知道,因此这篇文章就向设计师推荐十款优秀 HTML5 在线工具,这些工具能够帮助设计师们设计出更有创意的作品.随着 HTML5 技术的不断成熟,网络上涌现出越来越多的优秀 HTML5 应用,一起看看下面这些很棒的工具. Online Sprite Box Tool 这款在线的 CSS Sprite 样式生成工具,结合jQuery.CSS3和HTML5开发,能够帮助你快速的生成CSS Sprite 样式. Online Pattern Generator…

http://www.25xt.com/html5css3/7342.html 25学堂看到最近很多朋友在学习Bootstrap前端主题框架.顾让25学堂的小编给大家找来了3款适合Bootstrap初学者使用的可视化工具.希望对大家有所帮助. 第一款Bootstrap的可视化制作工具:Jetstrap Jetstrap是一个基于 Bootstrap 前端框架的可视化设计工具. 通过 Jetstrap制作出来的网页 100% 符合 Bootstrap 标准.比如说你只要设计了电脑端的页面,它会自动…

今天这篇文章向大家推荐十款非常有用的在线 CSS3 代码生成工具,这些工具能够帮助你方便的生成 CSS3 特效.CSS3 是对 CSS 规范的改善和增强,增加了圆角.旋转.阴影.渐变和动画等众多强大的特性,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果.以前很多需要编写 JavaScript 才能实现的效果,如今只需几句简单的 CSS3 代码就能实现. CSS3 Maker 这款工具非常强大,可在线演示渐变.阴影.旋转.动画等非常多的效果,并生成对应效果的代码, Border Rad…

 [简介] 今天和大家分享最新的 Luminar for Mac 3.1 版本,支持中文界面,Luminar是一款Mac上优秀的图片后期处理工具,功能类似 Photoshop Lightroom 等软件,更加简洁易用,支持Raw等常见图片格式,支持照片滤镜处理,层编辑等专业功能都有,很不错的一款图片编辑工具!   删除 (选填) 图片描述   [特色] Luminar 3 Mac版旨在帮助摄影师简化图像编辑流程,在短时间内提供所需要的外观,然后再逐个进行编辑优化,达到想要的效果.新版本重新设计了…

Luminar for Mac是一款多功能照片编辑软件,使用独特的AI工具加快速度,具备AI Sky Enhancer.Accent AI.太阳光线等创新功能.当然也保留了原有的功能,帮助你轻松的修复.增强.编辑照片.现为您带来luminar 3 mac汉化版,下载安装即可使用!   Luminar 3 for Mac汉化版安装教程 luminar 3 mac汉化版镜像包下载完成后,将左侧的[Luminar 3]拖至右侧应用程序安装,如下图.   Luminar 3 for Mac中文特别版软件…

1.软件简介    Monodrawp 是 macOS 系统上一款专为 Mac 设计的强大的 ASCII 码设计编辑器,纯文本历经几十年而不衰.Monodraw for mac 可以创建基于文本的艺术图,布局,流程图,以直观地表示算法,数据结构,二进制格式和更多的东西.因为这一切都只是文本,所以它可以很容易地嵌入在几乎任何地方. Monodraw 是一款文本图像编辑器,用户可以使用鼠标.手绘笔等工具在软件的方格画布中作图,利用软件强大的编辑工具快速生成满意的文本图像.因为是文本图像,所以可以任意…