HTML5
关注
分享
扫一扫
roc1010
这个作者很懒，什么都没留下…
展开
-
文字描边SVG动画生成器
文字描边动画生成器是制作和生成文字描边动画的工具，生成的文字描边动画可直接复制粘贴至微信公众号使用。工具链接：http://www.atoolbox.net/Tool.php?Id=877使用说明：（如果使用默认字体，请耐心等待默认字体加载完成，大约8M）1.在文本框输入你想要生成动画的文本2.点击字体设置中的“字体”按钮选择你的字体文件（支持WOFF, OTF, TTF格...原创 2020-01-23 17:23:03 · 1507 阅读 · 0 评论 -
最新2019版个税计算器（5000起征点 + 个税专项扣除项）
最新2019个税计算器（5000起征点 + 个税专项扣除项），根据最新设置计算，预留个税专项扣除项，计算结果显示税前、税后、应缴个税等明细。http://www.atoolbox.net/Tool.php?Id=729...原创 2019-01-10 20:00:37 · 42322 阅读 · 2 评论 -
在线Html转义/反转义工具
这个在线工具可以实现HTML字符的转义(Escape)与反转义(Unescape)功能。工具链接：http://www.atoolbox.net/Tool.php?Id=758在线HTML转义/反转义工具标题原创 2019-01-25 19:48:56 · 6762 阅读 · 0 评论 -
在线文字转图片工具
可以将你的邮箱（Email）、网址、电话号码和任意文本生成为图片，防止程序采集你的邮箱、网址、电话号码等信息而受到垃圾骚扰！输入邮箱（Email）、网址、电话号码和任意文本即可生成为图片，支持自定义域名邮箱！不少网友希望将自己的邮箱（Email）、网址、电话号码等信息添加在签名中，以方便他人联系。不过由于垃圾邮件地址扫描器的存在，使得公布这些信息往往会收到很多垃圾邮件和骚扰电话。一种办法就...原创 2019-01-16 20:22:07 · 24568 阅读 · 0 评论 -
在线BMI身体质量指数计算器
BMI指数（即身体质量指数，简称体质指数又称体重，英文为Body Mass Index，简称BMI），是用体重公斤数除以身高米数平方得出的数字，是目前国际上常用的衡量人体胖瘦程度以及是否健康的一个标准。主要用于统计用途，当我们需要比较及分析一个人的体重对于不同高度的人所带来的健康影响时，BMI值是一个中立而可靠的指标。BMI 值超标，意味着你必须减肥了。 在线访问：http://www.ato...原创 2019-02-01 20:18:24 · 9445 阅读 · 1 评论 -
在线倒数日计算工具
使用在线倒数日计算工具可以帮助您记录一些重要的事件和日期:-距离结婚纪念日已经过去了多少天?-距离宝宝出生已经过去了多少天?-距离下次发工资还有多少天?-距离我的生日还有多少天?-距离某重要事件(...)已经过去(还有)多少天?在线倒数日计算工具可以帮您计算并记录一些重要的事件和日期距今的天数，不让您错过任何一个重要的事件和日期。工具链接：http://www.atoo...原创 2019-03-10 12:38:12 · 30699 阅读 · 0 评论 -
在线文字翻转工具
在线文字翻转工具，操作很简单，输入英文字母则自动翻转倒置；例如「I Miss You!」会翻转为「¡noʎ ssıɯ ı」。如果输入的是中文，则会倒序显示，以输入「一个在线工具箱」为例，网页显示的结果为「箱具工线在个一」。工具链接：http://www.atoolbox.net/Tool.php?Id=759那么翻转文字有什么作用呢？1. 用作微信等社交软件中的昵称；2....原创 2019-03-10 13:32:35 · 51072 阅读 · 0 评论 -
在线生成UUID（GUID）
UUID 是 通用唯一识别码（Universally Unique Identifier）的缩写，是一种软件建构的标准，亦为开放软件基金会组织在分布式计算环境领域的一部分。其目的，是让分布式系统中的所有元素，都能有唯一的辨识信息，而不需要通过中央控制端来做辨识信息的指定。如此一来，每个人都可以创建不与其它人冲突的UUID。在这样的情况下，就不需考虑数据库创建时的名称重复问题。目前最广泛应用的UUI...原创 2019-03-30 13:11:11 · 4011 阅读 · 0 评论 -
在线生成抖音风格的文字
抖音风格，也叫做故障风格，是最近比较流行的设计风格。在线抖音风格文字生成工具，支持PNG和GIF两种格式的图像导出。工具链接：http://www.atoolbox.net/Tool.php?Id=760如果你喜欢这个在线工具，欢迎给我留言和点赞...原创 2019-03-24 10:14:47 · 7124 阅读 · 0 评论 -
在线文本加密解密工具
在线文本加密解密工具，提供AES、DES、RC4、Rabbit、TripleDes等多种加密算法对字符串加密。工具链接：http://www.atoolbox.net/Tool.php?Id=679原创 2019-04-05 21:39:33 · 5805 阅读 · 0 评论 -
在线摩尔斯密码加密解密工具
在线摩尔斯密码工具，可实现将英文字母数字等转换成摩尔斯密码以及将摩尔斯密码转换成英文与数字的功能。工具链接：http://www.atoolbox.net/Tool.php?Id=764摩尔斯电码（又译为摩斯密码，Morse code）是一种时通时断的信号代码，通过不同的排列顺序来表达不同的英文字母、数字和标点符号。它发明于1837年，发明者有争议，是美国人塞缪尔·莫尔斯或者艾尔菲德·维尔...原创 2019-04-20 20:01:02 · 4375 阅读 · 1 评论 -
在线中文摩尔斯密码加密解密工具
本工具可以将英文字母、数字和标点符号字符以及支持UNICODE字符包含中文中文汉字等字符加密转换成摩尔斯电码，同时可以将摩尔斯密码解密转换成可识别字符。标准的摩斯密码并不支持中文字符，本站中文的摩尔斯密码使用国际标准UNICODE字符转换摩尔斯密码得到，支持所有UNICODE字符包含中文中文汉字等字符。工具链接：http://www.atoolbox.net/Tool.php?Id=776...原创 2019-04-20 20:24:17 · 7627 阅读 · 0 评论 -
在线九宫切图（九宫格切图）工具
九宫切图是一款把照片裁切成九张图的在线工具，以方便您将其上传到您的微信朋友圈、微博、QQ空间以及其他社交网络。用它你就能够在社交网络上发布夺人眼球的震撼九宫格大图啦，实乃刷屏利器！微信、微博、QQ空间以及其他支持多图片相册的社交网络，任何支持9张图片3*3排列的地方都能用到它哦。九宫切图工具链接： http://www.atoolbox.net/Tool.php?Id=779九宫切图 -...原创 2019-04-28 19:07:04 · 25210 阅读 · 0 评论 -
在线XXEncode加密/解密（XXEncode编码/解码）工具
在线XXEncode加密解密工具，提供XXEncode编码(XX编码)、XXencode解码(XX解码)、以及XXencode编码原理介绍、编码算法说明。工具链接：http://www.atoolbox.net/Tool.php?Id=780XXEncode是一种二进制到文字的编码！它跟UUEncode以及Base64编码方法很类似。它也是定义了用可打印字符表示二进制文字一种方法，不是一种...原创 2019-04-28 19:12:23 · 11500 阅读 · 0 评论 -
JSONPath（XPath for JSON）解析 JSON教程
1. 介绍类似于XPath在xml文档中的定位，JsonPath表达式通常是用来路径检索或设置Json的。其表达式可以接受“dot–notation”和“bracket–notation”格式，例如$.store.book[0].title、$[‘store’][‘book’][0][‘title’]JsonPath是一种简单的方法来提取给定JSON文档的部分内容。 JsonPath有许多...原创 2019-06-04 19:53:21 · 26322 阅读 · 3 评论 -
在线JSONPath解析器
类似于XPath在xml文档中的定位，JsonPath表达式通常是用来路径检索或设置Json的。JsonPath是一种简单的方法来提取给定JSON文档的部分内容。 JsonPath有许多编程语言，如Javascript，Python和PHP，Java。JsonPath提供的json解析非常强大，它提供了类似正则表达式的语法，基本上可以满足所有你想要获得的json内容在线JSONPath在线解析...原创 2019-07-09 21:04:40 · 12577 阅读 · 1 评论 -
在线垃圾分类查询
现在大城市推行的垃圾分类可让人头疼，那么，怎么能够快速查询垃圾属于哪一类呢?下面的垃圾分类查询工具，希望对大家有所帮助。工具链接： http://www.atoolbox.net/Tool.php?Id=8042019年7月1日，《上海市生活垃圾管理条例》（以下简称《条例》）将正式施行。根据《条例》，对未将生活垃圾分类投放的个人可处以50至200元的罚款。距离《条例》正式施行越来...原创 2019-07-09 21:07:15 · 2250 阅读 · 2 评论 -
在线Perl代码加密工具：PPEcode - 把Perl代码转换成只有英文字母的字符串
在线Perl代码加密工具：PPEcode，它可以把Perl代码转换成只有英文字母的字符串。http://www.atoolbox.net/Tool.php?Id=719原创 2018-12-30 13:34:15 · 1089 阅读 · 0 评论 -
腾讯推出HTML5的开源专业级图像处理引擎
腾讯Web前端 AlloyTeam 近日推出了最新开源项目：一个基于HTML5技术的专业级图像处理引擎——AlloyImage(简称AI)，以及一个在线Web图像处理平台——AlloyPhoto(简称AP)。这预示着腾讯的Web前端团队将在底层基础技术层面做深入研究，并将更多的为业界提供基础技术服务，同时也将与HTML5梦工场一起推动HTML5技术在业界的广泛深入的应用。AlloyImage是转载 2013-03-27 14:22:58 · 780 阅读 · 0 评论 -
21个使用HTML5设计的新鲜网站
不管WEB界对于HTML5的评价如何如何，我们都不能否认它对于网页设计所带来的创新和想象。新的技术让设计师更多的突破了局限性。平滑的过度，微妙的滑块，完美的动画，还有许多有趣的想法。网站终于脱掉了那一层不变的外壳，开始可以艺术性的去表现自我。这可以算是一场革新！这些年我们经常看到一些匪夷所思的设计，每次打开一个有创意的页面，似乎都和HTML5、CSS3这些新技术脱不开关系。如何运用好是未来的网页甚转载 2013-03-26 12:29:14 · 868 阅读 · 0 评论 -
39个超实用jQuery实例应用特效
摘要：程序员和Web设计师可以利用jQuery的诸多特性开发设计出许多光彩夺目的网站，当然这也取决于设计师们自己的创造力。 下面收集了39个开发者们最爱的jQuery应用以及教程，快来试试，让你的页面炫起来！1.Contextual Slideout：上下文滑动特效2.Revealing Photo Slider：图片幻灯片特效3.Fancy Box：魔幻盒 4转载 2012-10-15 14:22:41 · 2143 阅读 · 0 评论 -
各大浏览器 CSS3 和 HTML5 兼容速查表
支持 CSS3 和 HTML5 的浏览器越来越多，甚至包括最新版的 IE，当然，所谓支持仅仅是部分支持，因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点，至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。需要指出的是，即使同一个浏览器的同一个版本，在 Mac 和 Windows 两个平台，它们对 CSS3 和 HTM原创 2012-10-17 10:09:40 · 605 阅读 · 0 评论 -
优化HTML5编码的8个最佳实践
摘要：种种迹象表明，2012年绝对是HTML 5爆发之年。 就前端编码而言，HTML以它独有的方式席卷整个Web开发行业，它已经成为一门最“IN”的技术，作为一名前端开发人员，如果不学习也不懂HTML5网站编码，那么你就OUT啦！2012年绝对是HTML5爆发之年，HTML5给开发人员/设计师带来了许多方便。它不但很容易理解而且效果也是令人兴奋的。就前端编码而言，HTML以它独有的转载 2012-10-17 16:52:02 · 571 阅读 · 0 评论 -
设计响应式导航菜单的五大法则
本文把目光聚集在更具挑战性的响应式Web设计：响应式导航菜单设计，这里提供了五大法则，让你无论在大屏幕还是小屏幕上都能轻松高效地设计响应式导航菜单。响应式Web设计(Responsive Web design)的理念是，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。响应式设计允许你在不同的平台上，创建独一无二的用户体验，与此同时，只要最转载 2012-10-17 17:04:08 · 867 阅读 · 0 评论 -
30+最佳移动网站设计灵感的案例
今天，我想与大家分享30+最好的移动网页设计实例。移动网站现在对任何公司主都是主要优先事项之一。DisneyAT&T SolutionsToyotaThink GeekBox.netAlex BugaToy SoldierWegmansVimeoPiola转载 2012-10-18 20:50:34 · 1079 阅读 · 0 评论 -
分享一个HTML5的上传jQuery插件 - jQuery HTML5 uploader
随着HTML5的使用越来越被大家接受，基于HTML5的技术和插件也会变得越来越广泛，今天我们介绍一款基于HTML5和jQuery的上传插件: jQuery HTML5 uploader。使用这个插件将会使得文件上传变得简单和有趣，你只需要拖拽文件到页面特定区域就可以上传文件。在线演示 在线下载 使用方法：$(function() { $("#d转载 2012-11-01 13:36:33 · 876 阅读 · 1 评论 -
使用jQuery开发一个基于HTML5的漂亮图片拖拽上传web应用
今天我们将开发一个简单的叫upload center的图片上传程序，允许用户使用拖拽方式来上传电脑上的图片，使用现在浏览器支持新的HTML5API。图片将会有一个预览和进度条，都由客户端控制。目前，图片都保存在服务器上的一个目录里，当然你可以自己加强相关功能。在线演示 在线下载 什么是HTML文件上传？使用HTML5上传文件其实综合使用了3种技术，新的File Re转载 2012-11-01 13:38:10 · 1654 阅读 · 0 评论 -
用纯css实现的html5 logo标志
一个用css实现的html5 Logo，主要用html和css技术实现，例子如下：源代码下载地址：css部分代码如下：html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cit转载 2012-10-23 10:31:43 · 805 阅读 · 0 评论 -
IE10和HTML5 你该了解的那些
你一定听说过HTML5，因为大家都在谈论它；也一定听说过Internet Explorer 10 和 Windows 8，可能你已经体验过了，那么它究竟好在哪儿？究竟能带来什么？Internet Explorer 10 和Windows 8 是微软即将发布的全新操作系统和浏览器，其中加入了在WP8 上表现出色的Modern UI（也就是我们常说的 Metro 风格），并且之后即将发布的 WP8 系原创 2012-10-24 11:03:55 · 573 阅读 · 0 评论 -
IE10和HTML5，你该了解的那些技术
摘要：你一定听说过HTML5，因为大家都在谈论它；也一定听说过Internet Explorer 10和Windows 8，可能你已经体验过了，那么它究竟好在哪儿？究竟能带来什么？Internet Explorer 10，Windows 8是微软即将发布的全新操作系统和浏览器，其中加入了在Windows Phone8(简称：WP8）上表现出色的Modern UI（也就是我们常说的Met转载 2012-11-02 13:18:49 · 863 阅读 · 1 评论 -
期待已久的2012年度最佳jQuery插件揭晓
近日，国外著名博客WDL发布了2012年度最佳 jQuery 插件。jQuery 自2006年发布以来，经过6年的迅速发展，目前已是最流行和使用最广泛的JavaScript 框架，这主要归功于众多围绕 jQuery 的技术社区。jQuery 社区的开发者持续不断的在发布各种 jQuery 插件，Web 开发人员能够非常轻松把一些惊艳的功能到项目中。Arctext.jsArctext.j转载 2012-12-25 13:07:46 · 1054 阅读 · 0 评论 -
[图]历时三年 W3C宣布HTML5规范正式定稿
今天万维网联盟（W3C）正式宣布凝结了大量网络工作者心血历时三年的HTML5规范已经正式定稿。根据W3C的发言稿称：“HTML5是开放的Web网 络平台的奠基石。”这种跨平台的网页程序环境通常被称之为“Web标准”的保护伞。HTML5以及JavaScript和CSS相关技术能够能够让开发者 在任何设备上都运行开发丰富的网页应用，并且会有越来越多的企业加入到HTML5的大平台上来。翻译 2012-12-18 19:45:45 · 1115 阅读 · 0 评论 -
2012年排名前20位的CSS网站作品
2012年涌现出众多独特的，令人印象深刻的 CSS 网站作品，要从中挑选出年度应用 CSS 的最佳网站列表一个严峻的挑战，因为 CSS 涵盖了媒体查询（CSS3 Media Queries）、CSS 动画和3D转换等众多特性。我根据过去 CSS 典型的应用场景挑选了其中的优秀作品组成一个列表，如果你有收藏更好的作品，欢迎留言向大家分享。1. Beercamp这个啤酒节的活动网站充分应用了转载 2012-12-19 12:02:21 · 1087 阅读 · 0 评论 -
HTML5 – 一个拖拽功能的例子
我最近出席了一系列的研讨会，HTML5这个主题在这些会上反复出现。出于好奇我略看了几眼后，开始觉得应该好好的挖掘一下HTML5，看看它究竟会给我们今天技术上带来哪些好处。一个特别有意思的东西就是拖拽功能编程接口 … 早期的HTML编程开发者一直对此渴望却不可及。我感觉这个功能非常有用 … 拖拽功能的实现已经成了几个不费吹灰之力的函数调用了。为了演示拖拽用例，我要创建一个简单的网络配置工翻译 2013-03-06 09:57:43 · 1875 阅读 · 0 评论 -
HTML 5 的自定义 data-* 属性和jquery的data()方法的使用
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据。但这样做的问题是，你不知道将来会不会有其它脚本把你的自定义属性给重置掉，此外，你这样做也会导致html语法上不符合Html规范，以及一些其它副作用。这就是为什么在HTML5规范里增加了一个自定义data属性，你可以拿它做很多有用的事情。你可以去读一下HTML5的详细规范，但这个自定义data属性的用法非常的简单，就是你可以往HTML标签翻译 2013-03-06 10:18:40 · 955 阅读 · 0 评论 -
不容错过的精选免费jQuery UI主题大荟萃
jQuery UI是一套很流行的jQuery用户界面组件的类库，它可以为你的网站提供很多UI小组件和界面主题。包含了日期选择器、滑块、手风琴模式、进度条和拖动框等几个部分组成，并以主题自定制的模式方便大家使用。我们可以使用ThemeRoller，来自己自定义需要的主题。当然，缺省jQuery UI自带的主题是我们常常诟病的地方，如果你追求超棒UI视觉效果(类似Bootstrap或者Window翻译 2013-03-08 11:13:27 · 1006 阅读 · 0 评论 -
网页设计中图片展现形式的思考
图片，是构成网页的基本元素之一。图片不仅能够增加网页的吸引力，传达给用户更加丰富的信息，同时也大大地提升了用户在浏览网页的体验。图片的展示形式丰富多样，不同形式的图片展现也让浏览网页的乐趣变得更加多样化。跟随我们分别来体验一下目前存在的各种图片展现形式，让我们的眼睛去旅行吧。一、多图展现图片限制最大高度或宽度并进行矩阵平铺展现，这是最常见的多张图片展现形式。不同的边距与距离可产转载 2013-03-11 12:48:51 · 1095 阅读 · 0 评论 -
[信息图表]HTML5：过去、现在、未来
摘要：本篇文章集合了大量数据和可视化信息图标来帮助大家更好的了解和认知HTML5，HTML5改变了传统互联网模式和移动生态系统，同时也改变了我们的生活。如果你想了解更多的详细内容，点击标题或者预览图即可。1.HTML5：过去、现在、未来展示了HTML5的发展路程，从1991年HTML的出现，经过多年演变和进化，2009年HTML5问世了。它超越了以往的功能，增加了web网页的表转载 2012-10-15 14:18:23 · 736 阅读 · 0 评论