网页设计师非常有用的几个在线工具 有哪些好的免费在线网页设计工具
\u7f51\u9875\u548cUI\u8bbe\u8ba1\u5e08\u5e38\u7528\u7684\u5728\u7ebf\u534f\u540c\u5de5\u5177\u6709\u54ea\u4e9b\u7f51\u9875\u548cUI\u8bbe\u8ba1\u5e08\u5e38\u7528\u7684\u5728\u7ebf\u534f\u540c\u5de5\u5177\u6709BoardMix\u534f\u540c\u767d\u677f\u3002BoardMix\u534f\u540c\u767d\u677f\u96c6\u601d\u7ef4\u5bfc\u56fe\u3001\u6d41\u7a0b\u56fe\u3001\u591a\u79cd\u521b\u610f\u8868\u8fbe\u7ed8\u56fe\u5de5\u5177\u4e8e\u4e00\u4f53\uff0c\u6253\u901a\u534f\u4f5c\u6210\u5458\u4e4b\u95f4\u7684\u53ef\u89c6\u5316\u6355\u6349\u7075\u611f\u3001\u521b\u610f\u8868\u8fbe\u3001\u5b9e\u65f6\u6f14\u793a\u3001\u9ad8\u6548\u534f\u4f5c\u6574\u6761\u94fe\u8def\uff0c\u805a\u7126\u591a\u4eba\u534f\u4f5c\u4e0b\u7684\u573a\u666f\u89e3\u51b3\u65b9\u6848\uff0c\u8fdc\u7a0b\u7528\u6237\u53ef\u4ee5\u8fdb\u884c\u5408\u4f5c\u3001\u534f\u4f5c\u3001\u5934\u8111\u98ce\u66b4\u548c\u96c6\u601d\u5e7f\u76ca\u3002BoardMix\u534f\u540c\u767d\u677f\u53ef\u63a5\u5165\u5916\u90e8\u97f3\u9891/\u89c6\u9891\u4f1a\u8bae\u5e73\u53f0\uff0c\u76ee\u524d\u652f\u6301\u63a5\u5165\u591a\u4e2a\u4e3b\u6d41\u7684\u97f3\u89c6\u9891\u4f1a\u8bae\u5e73\u53f0\uff0c\u5305\u542b\u5404\u5927\u4e3b\u6d41\u529e\u516c\u8f6f\u4ef6\u7b49\u3002\u652f\u6301\u4e00\u8fb9\u64cd\u4f5c\uff0c\u4e00\u8fb9\u5b9e\u65f6\u8bed\u97f3/\u89c6\u9891\u6c9f\u901a\uff0c\u53ca\u65f6\u83b7\u53d6\u56e2\u961f\u6210\u5458\u7684\u53cd\u9988\uff0c\u8fdc\u7a0b\u8bb2\u8bfe\u4e5f\u65e0\u969c\u788d\u3002BoardMix\u534f\u540c\u767d\u677f\u8fd8\u53ef\u652f\u6301\u4f01\u4e1a\u79c1\u6709\u5316\u90e8\u7f72\uff0c\u5c06BoardMix\u534f\u4f5c\u7248\u90e8\u7f72\u5230\u4f01\u4e1a\u5185\u90e8\u79c1\u6709\u4e91\u670d\u52a1\u5668\u4e2d\uff0c\u4f01\u4e1a\u5b8c\u5168\u81ea\u4e3b\u638c\u63a7\uff0c\u6570\u636e\u66f4\u5b89\u5168\u3001\u670d\u52a1\u66f4\u7a33\u5b9a\u3001\u534f\u4f5c\u66f4\u9ad8\u6548\u3002\u60f3\u8981\u4e86\u89e3\u66f4\u591a\u5173\u4e8e\u5728\u7ebf\u534f\u540c\u5de5\u5177\u7684\u76f8\u5173\u4fe1\u606f\uff0c\u63a8\u8350\u9009\u62e9BoardMix\u534f\u540c\u767d\u677f\u3002BoardMix\u534f\u540c\u767d\u677f\u96c6\u81ea\u7531\u5e03\u5c40\u3001\u753b\u7b14\u3001\u4fbf\u7b7e\u3001\u591a\u5a92\u4f53\u5448\u73b0\u3001\u8111\u56fe\u3001\u6587\u6863\u7b49\u591a\u79cd\u521b\u610f\u8868\u8fbe\u80fd\u529b\u4e8e\u4e00\u4f53\uff0c\u6fc0\u53d1\u56e2\u961f\u521b\u9020\u529b\u65e0\u9650\u5ef6\u4f38\uff1b\u540c\u65f6\u66f4\u662f\u652f\u6301\u63d2\u5165\u5e38\u89c1\u6587\u4ef6\u7c7b\u578b\u5e76\u8ba9\u5176\u53ef\u89c6\u5316\u5448\u73b0\uff0c\u6dfb\u52a0\u4fbf\u7b7e\u6807\u8bb0\u60f3\u6cd5\uff0c\u4f7f\u7528\u753b\u7b14\u6325\u6d12\u521b\u610f\u3002
\u7f51\u4e0a\u4e0b\u8f7d\u5efa\u7ad9\u7cfb\u7edf\uff1apaheadmin\u3001shopex\u90fd\u662f\u4e0d\u9519\u7684\u3001\u7b80\u5355\u3001\u65b9\u4fbf\uff0c\u76f4\u63a5\uff0c\u4e0b\u8f7d\u5c31\u53ef\u4ee5\u76f4\u63a5\u7528\u6765\u7528\uff01\uff01\uff01
时间戳转换
功能简介：Unix时间戳和北京时间互转、获取时间戳方法
地址：http://www.matools.com/timestamp
代码对比/归并
功能简介：在线检测/比较两个文件文本的不同
地址：http://www.matools.com/compare
LESS编译器
功能简介：将LESS代码编译成CSS代码，方便前端人员使用
地址：http://www.matools.com/less
crontab表达式
功能简介：根据crontab表达式计算未来N次的执行时间
地址：http://www.matools.com/crontab
代码格式化
功能简介：可以对SQL、XML、JSON代码进行格式化和美化
地址：http://www.matools.com/code-format
编码转换
功能简介：URL解码、Native转UTF-8、Native转ASCII
地址：http://www.matools.com/code-convert
网页调色板
功能简介：网页颜色选择器、颜色代码查询、RGB颜色值参考
地址：http://www.matools.com/color
正则表达式
功能简介：正则表达式匹配和替换、多种常用正则表达式
地址：http://www.matools.com/regex
答题
功能简介：学霸，快来做题，提升一下你的技能吧
地址：http://www.matools.com/exam
Markdown
功能简介：将web上的文本转换成HTML文档
地址：http://www.matools.com/markdown
UBB编译器
功能简介：UBB是一种网页中的替代HTML代码的安全代码
地址：http://www.matools.com/ubb
进制转换
功能简介：2~36进制之间任意进制转换，支持浮点型
地址：http://www.matools.com/hex
CSV转HTML
功能简介：将CSV数据转换为HTML的表格,并展示在页面上
地址：http://www.matools.com/csv-html
HTML特殊符号
功能简介：HTML特殊字符编码大全
地址：http://www.matools.com/special-char
XML转JSON
功能简介：XML和JSON的内容和输出互相转换
地址：http://www.matools.com/xml-json
HTML转JS
功能简介：HTML和JS的内容和输出互相转换
地址：http://www.matools.com/html-js
js/css压缩
功能简介：在线压缩Javascript和CSS代码
地址：http://www.matools.com/compress
网页常用字体
功能简介：总结了各种常见的网页字体的显示效果
地址：http://www.matools.com/page-word
Cron生成器
功能简介：可以在线生成任务调度Quartz的Cron表达式
地址：http://www.matools.com/cron
JSON格式化
功能简介：Json解析、验证、格式化、压缩、以及Json与XML相互转换
地址：http://www.matools.com/json
SQL格式化
功能简介：sql在线美化、格式化、脚本压缩
地址：http://www.matools.com/sql
端口扫描
功能简介：扫描常用或指定的端口，查看端口是否开放
地址：http://www.matools.com/port
Base64编码解码
功能简介：将字符base64编码加密,或者将base64加密的字符还原
地址：http://www.matools.com/base64
MD5加密
功能简介：生成32位和16位的大写和小写的密文
地址：http://www.matools.com/md5
摩斯电码
功能简介：在线摩斯电码加密解密
地址：http://www.matools.com/morse
IP查询
功能简介：查询IP或域名的地理位置和宽带供应商、查看本机IP
地址：http://www.matools.com/ip
文字加密解密
功能简介：支持AES、DES、RC4、Rabbit 等多种算法
地址：http://www.matools.com/encrypt
HTTP状态查询
功能简介：检测网页返回的HTTP状态码
地址：http://www.matools.com/page-status
生成htpasswd
功能简介：生成htpasswd
地址：http://www.matools.com/htpasswd
favicon图标制作
功能简介：将上传图像剪切并生成ico格式的图标
地址：http://www.matools.com/ico
传图识字
功能简介：可以将一段含有英文文字的照片免费转化成文字
地址：http://www.matools.com/ocr
gif图制作
功能简介：一键生成gif动态图、闪图和搞笑表情包
地址：http://www.matools.com/gif
生成二维码
功能简介：可以设置图像格式、容错率、大小、颜色及LOGO
地址：http://www.matools.com/qrcode
图片转pdf
功能简介：在线免费将多张图片转成pdf文档，一键生成pdf文档
地址：http://www.matools.com/pdf
人脸识别
功能简介：在线人脸识别，自动识别人脸批量裁剪出头像图片
地址：http://www.matools.com/face
DIY卡通头像
功能简介：免费的动漫人物制作工具，可以随心定制男女卡通头像
地址：http://www.matools.com/cartoon
传图识色
功能简介：可以识别出光标所在处图片的颜色，并提取出图片的主色调
地址：http://www.matools.com/image-color
手绘图片
功能简介：可以自动生成手绘风格照片，还可以改变照片的模糊度
地址：http://www.matools.com/sketch
图片转Base64
功能简介：图片和Base64编码互转
地址：http://www.matools.com/image-base64
衣服尺码计算
功能简介：输入你的身高体重，即可计算出你需要的衣服尺寸
地址：http://www.matools.com/size
身份证信息查询
功能简介：输入身份证号，查询归属地、性别和出生年月
地址：http://www.matools.com/id
科学计算器
功能简介：开方(√)、圆周率(π)、倒数(1/x)、正弦(Sin)
地址：http://www.matools.com/calculator
大小写转换
功能简介：可以实现人民币数字大写转换和英文大小写转换
地址：http://www.matools.com/upper-lower
日期间隔计算
功能简介：一款可以计算两个日期之间的天数的工具
地址：http://www.matools.com/date
汉字转拼音
功能简介：可以将汉字转化为带声调的拼音
地址：http://www.matools.com/pinyin
文字去重
功能简介：该工具可得到无重复数据的文字
地址：http://www.matools.com/repeat
单位换算器
功能简介：长度、面积、重量、温度等单位一键对等转换
地址：http://www.matools.com/unit
中文简繁转换
功能简介：将输入的一段文字转换为简体或繁体
地址：http://www.matools.com/chinese-convert
阴阳历转换
功能简介：支持农历公历互查，公历和农历互相转换
地址：http://www.matools.com/lunar
邮编区号查询
功能简介：输入省份、城市、区号或邮编查询该地区号
地址：http://www.matools.com/postcode
字数统计
功能简介：快速计算文章中汉字、标点、英文和数字的个数
地址：http://www.matools.com/count-char
几个网页设计工作中经常会用的在线工具，能够大大的提供工作效率!
ProCSSor
ProCSSor是一个很不错的CSS代码美化工具，它可以轻松的把代码转换成很美观的格式。
jsFiddle
JsFiddle有多种用途，其中一个用法就是可以在线编辑HTML, CSS 和JavaScript片段，而且代码可以分享，还可以嵌入到你的博客中等等。
Frame Box
Frame Box是一个非常好用的用于在线分享线框图（wireframes）的工具。
Spritebox
Spritebox是一个所见即所得的工具，帮助Web设计者迅速而轻松地从一张精灵图片（CSS Sprit Image）创建CSS类和ID选择符样式。这里涉及到一项技术叫CSS Sprites，在国内很多人叫CSS精灵，它是的基本原理是使用CSS的背景系列属性的组合进行背景图片的精确定位。
CSS3 Generator
这是一个简单的跨浏览器CSS3样式生成器，可以生成你想要的任何值。
Super Conversion Button
这个工具可以帮助你瞬间生成一个美观的试用（Try it now）按钮。
wordmark.it
这个工具之前曾介绍过，可以帮助你直观的查看当前电脑上安装了哪些字体。
0 to 255
在线工具？tfp？Dreamweaver？ps？代码查找器
绛旓細缃戦〉璁捐甯堥潪甯告湁鐢ㄧ殑鍑犱釜鍦ㄧ嚎宸ュ叿1. 鏃堕棿鎴宠浆鎹㈠姛鑳绠浠:Unix鏃堕棿鎴冲拰鍖椾含鏃堕棿浜掕浆銆佽幏鍙栨椂闂存埑鏂规硶 鍦板潃:http://www.matools.com/timestamp2. 浠ｇ爜瀵规瘮/褰掑苟鍔熻兘绠浠:鍦ㄧ嚎妫娴/姣旇緝涓や釜鏂囦欢鏂囨湰鐨勪笉
绛旓細6. Mobirise - 绂荤嚎寤虹珯锛岃交鑰屾槗涓綧obirise鏄竴娆鹃拡瀵筗indows鍜孧ac鐨勫厤璐圭绾跨綉绔欐瀯寤哄櫒锛屾ā鍧楀寲璁捐璁╀釜鎬у寲寤虹珯鍙樺緱绠鍗曘傚畠涓嶄粎閫傜敤浜庣綉绔欙紝杩樺彲鐢ㄤ簬鐧诲綍椤点佹帹骞块〉绛夛紝鏄撲簬娣诲姞鑷畾涔夊厓绱犲拰閾炬帴銆7. UXFlowchartCards - 绮惧噯瑙勫垝锛屼笓涓氫綋楠孶XFlowchartCards涓撲负涓撲笟璁捐甯堝拰寮鍙戣呰璁★紝54涓父鐢ㄦā鏉垮府鍔...
绛旓細NO 1. PDF 杞 Word鏈変簡杩欎釜鍦ㄧ嚎宸ュ叿锛屼綘灏变笉鐢ㄥ湪鐢佃剳涓婂畨瑁 Adobe Acrobat XI Pro浜嗭紝鑰屼笖寰堝浜虹殑鐢佃剳涓婂叾瀹為兘涓嶄細瑁呰繖涓蒋浠讹紝鏈澶氳涓涓猘dobe reader XI銆傝繖杞欢鍏跺疄涓嶅彧銆孭DF杞琖ord銆嶄竴涓姛鑳斤紝杩樺彲浠ヨ浆Excel锛岃浆Text锛岀敋鑷宠繕鍙互鎶奧ord杞垚PDF锛岄潪甯告柟渚裤侼O 2.澶氬姛鑳芥牸寮忚浆鎹 杩欎釜鏍煎紡杞崲...
绛旓細Stockfresh 鏄彟澶栦竴涓煎緱鎺ㄨ崘鐨勫浘搴,瀹為檯涓婂湪鍥藉杩欎釜缃戠珯鏄浉褰撲竴閮ㄥ垎璁捐甯堢殑鍥剧墖鏉ユ簮銆傝繖閲屽浘鐗囩殑浠锋牸鐩稿姣旇緝瀹炴儬,绫诲埆骞挎硾,璐ㄩ噺涔熻冻澶熶笂涔樸傛敹璐规柟寮忎篃鐩稿綋鐏垫椿,瀹氭湡浼氭湁淇冮攢娲诲姩銆 InVision 鐩墠InVision 鏄渶鐑棬涔熸槸鏈鏈夊奖鍝嶅姏鐨勬暟瀛椾骇鍝佽璁″師鍨嬭璁″拰鍗忎綔骞冲彴,鍖呮嫭Adobe銆丟oogle銆丗acebook鍦ㄥ唴鐨勮澶氱煡鍚嶅ぇ鍏徃...
绛旓細jQuery 3 鍒氬垰鍙戝竷锛屽敖绠℃病鏈夊甯冩柊鐨勭壒鎬э紝浣嗘槸澶ч噺鐨勬棫鍔熻兘琚噸鏂扮紪鍐欙紝骞朵笖Bug杩涜浜嗕慨澶嶏紝鎬ц兘涔熷緱鍒颁簡鎻愬崌銆係impler Sidebar 璇撮亾jQuery锛岃繕鏈変竴浜涙柊椴滃嚭鐐夌殑鎻掍欢璁璁捐甯堢殑宸ヤ綔鏇村鏄擄紝灏ゅ叾鏄閭ｄ簺闇瑕佺紪鍐欎唬鐮佺殑璁捐甯堣岃█銆係imper Sidebar 灏辨槸杩欐牱鐨勪竴涓晶杈规爮鎻掍欢锛屽皬宸у揩閫熴侺abelauty 鍏ㄦ柊鐨勫崟閫夋...
绛旓細Webydo鏄竴涓湪绾缃戠珯璁捐鍙婃墭绠″钩鍙帮紝甯姪缃戦〉璁捐甯鎽嗚劚浼犵粺鐨勭綉绔欏缓绔欐祦绋嬶紝Webydo鐨勫伐鍏疯兘澶熷皢浠栦滑鐨勮璁¤嚜鍔ㄨ浆鎹㈡垚鐨凥TML5缃戠珯锛岃璁″笀鍦ㄨ繖涓繃绋嬩腑鏃犻渶鎺ヨЕ浠讳綍鐨勬墜鍔ㄧ紪绋嬪伐浣溿傚洜姝ebydo杩呴熸垚涓轰竴浜涜璁″笀鐨勬渶鐖辩殑缃戦〉璁捐宸ュ叿銆傚洓銆乄agtail Wagtail鏄竴涓紑婧愮殑锛屽搷搴斿紡CMS锛屾棬鍦ㄥ姞蹇玏eb寮鍙戠殑閫熷害銆傚畠...
绛旓細Dribbble鏄竴涓潰鍚戝垱浣滃銆佽壓鏈伐浣滆呫璁捐甯绛夊垱鎰忕被浣滃搧鐨勪汉缇ょ殑绀惧尯缃戠珯銆備綔涓鸿璁″钩鍙扮被鐨勪郊浣艰,姝缃戦〉璁捐妯℃澘寰堝ソ鐨勫睍绀轰簡濡備綍澶勭悊澶氳祫婧愬閾炬帴,鍥炬枃缁撳悎,鍥炬枃閾炬帴鐨勭綉椤垫帓鐗堟ā寮,鏄竴涓闈炲父鍊煎緱瀛︿範鍜屽弬鑰冪殑浼樼妯℃澘銆傚彲浠ュ弬鑰冪殑椤甸潰鏈:涓婚〉銆佽璁″笀椤甸潰銆佹壘宸ヤ綔椤甸潰绛夈3銆丅BC-鏂伴椈绫荤綉椤佃璁℃ā鍨嬪弬鑰冪偣:...
绛旓細鏃㈢劧浣犳槸缃戦〉璁捐甯,鏈濂藉綋鐒舵槸鎵句釜鍋氱綉椤佃璁℃垨鑰呯綉绔欑淮鎶ょ殑鍏艰亴,寰堝鍏徃鎰挎剰鎷涜繖鏍风殑浜,娌℃湁搴曡柂,鏈夋椿鐨勬椂鍊欐壘浣. 涔熷彲浠ユ壘鍜屼綘鎯呭喌宸笉澶氱殑鏈嬪弸涓璧峰紑涓"鍏徃"鎺ユ椿.鐜板湪寰堝鍏徃閮芥効鎰忓湪缃戜笂鎵句竴浜涘仛缃戠珯鍏艰亴鐨勪汉涓轰粬浠埗浣滅綉绔,鍘熷洜1.璐圭敤姣斿ぇ鍏徃浣庡緢澶,2.鍋氬ソ鍚庡彲浠ヨ嚜琛岀淮鎶,娌″繀瑕佽仒璇蜂竴涓笓鑱屼汉鍛. ...
绛旓細Antetype鏄竴娆剧敤浜庡埗浣淯I鍘熷瀷鐨勮蒋浠跺簲鐢ㄣ傝繖涓簲鐢400浣欎釜棰璁捐鐨涓绘祦骞冲彴鐨勭粍浠躲傚畠涔熸彁渚涗簡鍔ㄦ佸竷灞锛屽搷搴旇璁″姛鑳斤紝灞炴х粦瀹氾紝鏂偣锛屾紨璁叉ā寮忥紝鍐呭祵锛屾敞閲婄瓑绛夊姛鑳姐14)Wirify Wirify鏄竴娆闈炲父鍑鸿壊鐨刄X宸ュ叿锛屽畠鍙互涓閿皢澶氫釜缃戦〉杞崲鎴愮嚎妗嗗浘銆傝繖涓伐鍏峰彲浠ヨ浣犳鏌ラ〉闈㈢粨鏋勫拰缃戦〉甯冨眬銆傝屼笖锛岃繕鏀寔缂栬緫...
绛旓細鍗虫椂璁捐鏄2020骞9鏈堝彂甯冪殑鍥戒骇涓撲笟UI璁捐宸ュ叿,鑰屽悗浜2020骞11鏈堝紑鏀炬敞鍐屻傚湪涓嶅埌鍗婂勾鐨勬椂闂村唴閫氳繃鍙ｇ浼犳挱宸叉湁鏁颁竾鍚峌I璁捐甯鍒涗綔浣跨敤,鍚屾椂涔熻癁鐢熶簡杩10涓囦釜璁捐鏂囦欢,鐩墠姝ｅ湪蹇熸垚闀夸腑銆傚畠鏄竴涓湪绾璁捐鍗忓悓宸ュ叿,闆嗚璁°佸崗鍚屻佷氦浠樹簬涓浣撶殑骞冲彴銆6.Pixso Pixso鏄敱鏉ヨ嚜娣卞湷鐨勭爺鍙戝洟闃熻嚜涓昏璁℃墦閫犵殑...
