首页 > 语言 > 关键词 > web开发最新资讯 > 正文

web开发设计人员不可不用的在线web工具网站和应用

2013-01-05 21:48 · 稿源:gbin1.com

大家可能还记得在过去的文章我们我们曾经介绍我们收集的前端开发人员必备的工具,脚本和资源,在今天的这篇文章中,我们将继续推荐给大家一组我们精挑细选的web开发设计必备的在线工具应用。相信会在web开发和设计的过程中给你带来方便和快捷!

前端开发相关

jsfiddle

jsfiddle是老牌的在线调试和分享代码的网站,它可以帮助你在线调试javascript/css/html代码, 并且方便的发布到社区,论坛或者社交媒体上与朋友们分享或者提问。整合了很多的不同的类库供大家选择。 类似的工具还有jsbin.com,也非常不错。更多工具请参考我们以前的文章。

codepen

codepen也是一个可以帮助你在线调试和分享前端代码的地方,和jsfiddle不太一样的地方,它更像一个社区,你可以看到最近的用户添加的在线演示或者代码,并且可以更加方便的分享到其它网站或者是fork。和jsfiddle相比,更像一个帮助展示前端效果的平台。如果你常常光顾的话,能够找到很多很不错的前端效果,包括html5,js,CSS3等等。相当不错,向大家推荐!

gbdebug

gbdebug是gb标签社区中整合的前端调试工具,最初是为了方便社区的朋友提问或者展示jQuery代码效果而开发,如果你使用jsfiddle的话,肯定会觉得非常熟悉。最强大的在于和GB社区内容的整合,你可以分享自己开发的前端展示,模板或者教程,并且使用gbdebug来添加”在线调试“,更方便大家在线阅读和调试。

reFiddle+

如果你是个正则表单式的狂热爱好者的话,这款在线工具肯定是你必备的工具之一,reFiddle+可以帮助你在线的调试正则表单式,你只需要输入数据和对应的正则表达式后,就可以看到高亮显示的结果,是不是非常直观和简单,相信你肯定会喜欢!

RubyFiddle

如果你的开发语言是Ruby的话,你可能已经知道了这个在线工具 RubyFiddle,使用这个在线工具可以帮助你在线的调试Ruby代码,有点儿类似jsfiddle和codepen,只不过是Ruby版本的代码而已。 你只需要粘贴ruby代码并且点击”RUN”按钮即可,甚至支持Vim或者Emacs的输入方式哦!

CSS3 generator

这个CSS3的代码生成器和一般的CSS3代码生成工具不太一样,它使用了视差滚动的方式来展示内容,并且提供了自定义的选项,可以动态的生成你需要的CSS3代码。超酷超有型!

HTML5 Please

这个网站在之前的相关文章中也介绍过,如果你需要了解如何正确的使用HTML5相关技术的话,最好仔细的看看这个工具网站吧,相当的实用!

前端性能优化工具

DOM Monster

当我们开发web应用的时候,性能是一个永远不能回避的问题。其实对于DOM的性能调试也是一个不可或缺的过程。使用DOM monster你只需要添加到你的”书签中“,在任何需要调试的页面点击这个书签,它就能够帮助你列出目前页面出现的性能问题。是不是很方便!

zBugs

zbugs看上去像是一个bug相关工具,其实它是一个快速帮助你压缩CSS/Javascript的在线工具,你只需要提供一个你的网站的链接,下载相关的文件,再上传到你的网站即可!

其它类型工具

BuiltWith

buildwith是一个帮助里了解网站使用技术的在线工具,你只需输入你要检测的网站地址,它会给你生成此网站使用的前后台技术和相关链接,相信如果你是一个黑客的话,这个工具必不可少 :D

转载请注明转自《web开发设计人员不可不用的在线web工具网站和应用

  • 相关推荐
  • 大家在看
  • 由于冠状病毒,Airbnb可能削减在Amazon Web Services上的支出

    [TechWeb]Airbnb首席执行官Brian Chesky表示,如果冠状病毒大流行继续对其业务造成压力,该公司准备在今年进一步削减预算。Chesky 在最近几个月表示,由于Covid-19危机,该公司经历了一轮裁员,冻结了招聘并暂停了营销活动,但仍有可能进一步削减其在亚马逊云计算服务上的支出空间。切斯基说:“亚马逊网络服务(AWS)和客户服务仍有机会提高我们使用数据的方式,处理联系人的效率。” “因此,我们将继续提高业务效率,但此刻业?

  • 出于隐私考虑:苹果拒绝在Safari部署16个Web API

    据外媒报道,苹果本周表示,它拒绝在Safari浏览器上实施 16 项新网络技术(Web API),因为这些技术为用户指纹识别开辟了新途径从而对他们的隐私构成威胁。这 16 项技术具体如下:

  • 思科Webex助力客户高效远程办公,重塑工作模式

    Webex扩大容量、添加更多安全和智能洞察功能,赋能远程医疗 新闻摘要: ● Webex平台迎来了前所未有的市场需求,应用规模达到正常水平的三倍之多 。 ●作为最值得信赖的业务连续性供应商,思科在扩展全球容量上持续投资,提高Webex的弹性。 ● 为了确保客户可以随时随地轻松、安全地开展协作,思科为Webex添加了更多安全功能,并增加了与Box的全新集成 。 ● Webex Control Hub的智能和可行性洞察功能 可帮助IT人员管理不断扩大的

  • 苹果拒绝在Safari部署16个Web API 避免对用户隐私构成威胁

    苹果本周表示,它拒绝在Safari浏览器上实施 16 项新网络技术(Web API),因为这些技术为用户指纹识别开辟了新途径,对用户的隐私构成威胁。

  • OKEx C2C借贷上线WEB端 产品矩阵愈加完善

    随着加密货币市场对稳健理财强烈需求的显现,C2C借贷逐渐成为加密货币市场布局的新赛道。近日,全球著名的加密货币交易平台OKEx上线C2C借贷功能WEB端,再次为行业发展注入强劲动能。三步完成借币继3月19日在APP端全面上线C2C借贷功能后,OKEx产品线再添新成员,于6月23日宣布其C2C借贷功能现已上线WEB端。用户可前往OKEx官网进行借币操作,通过质押BTC或ETH借到USDT,实现资金的灵活周转。整个借币过程操作简单方便,三步即可完成?

  • 泰捷WEBOX GT电视盒子卖太贵?拆完机终于找到原因了!

    说起电视盒子,估计大家都不陌生,谁家电视还不搭配一个呢?也正是由于这个巨大的市场需求,各种电视盒子的品牌也是层出不穷,看起来小小的盒子,不菲的利益。让我们看看为了低价冲市场,市面上那些劣质盒子都是怎么欺骗用户的吧:虚假配置是首位。明明1G的内存,生生说成是2G; 4 核处理器的说成是 8 核;国产不知名CPU的生生标注成国外高端进口……用二手料则在其次。壳料用再生塑胶,连电子元器件都敢别人报废下来的呆料、过期?

  • 京东:今日在港公开发售 最高公开发售价为236港元/股

    今日,京东在港交所公告称, 6 月 8 日(星期一)上午九时开始香港公开发售,预期 6 月 11 日(星期四)定价, 6 月 18 日上午九时正在香港联交所交易。在港上市最高公开发售价为 236 港元/股,将发行1. 33 亿股发售股份。

  • 推荐:5个好用的免费自动化在线营销工具

    在互联网时代,创建一家公司很简单,但想要发展好它却很难。无论是小公司还是大企业,网络营销已经成为推动企业发展重要方式之一。自动化跟踪项目在技术的支撑下已经变得非常容易,你只需要开启工具并根据需要进行设置调整。几乎所有的东西都可以靠自动化来简化过程。

  • BSN合格开发者介绍——米链科技

    2020 年 6 月 1 日,杭州米链科技有限公司正式成为国家级区块链服务网络BSN的合格开发者资格,将为BSN的开发者提供专业技术支持。BSN是由国家信息中心、中国移动、中国银联等机构共同发起组建的一个跨云服务、跨门户、跨底层架构,用于部署和运行区块链应用的全球性公共基础设施网络。BSN是全球首个由中国自主创新并控制入网权的网络基础设施网络,可在全球进行快速部署。区块链服务网络(Blockchain-based Service Network)(以?

  • 用爱发电!这个漫画家自学成才开发了个网站,六年才实现盈利

    Character Creator是一个帮助人们轻松创建出漫画角色的web应用程序,只要按照自己的喜好选择人物特征元素(包括性别、发型、眼镜、嘴唇等等),就能创建出一个漫画形象

  • 设计师必备素材整理工具-免费软件Billfish上线

    身为一名设计师,相信我们都有一件必做的事情:「整理电脑上的素材」。 如日常工作中因为某个项目所收集的图片,或是平时逛设计网站所采集的灵感图片,又或者来自好友分享的源文件等等,数量少时还可以通过文件夹分类来进行管理,但是当收集的素材累积到一定量后就变得非常难以整理了。Billfish素材管理工具完美解决设计师这一困境,Billfish是专门为设计师打造的图片收藏管理工具,可以轻松管理您的各种素材文件。Billfish是一个免费?

  • IBM退出面部识别 将不再开发或研究该技术

    外媒报道称,在6月8日本周一,IBM首席执行官阿里德·克里希纳(Arvind Krishna)在致美国国会的一封信中说,IBM将不再提供通用的面部识别或分析软件。IBM表示,该公司也将不再开发或研究该技术。

  • 因认为PPT太呆板,她一气之下开发了自己的演示软件

    Digidecks是一款多媒体幻灯片软件,它的诞生非常戏剧性,源自于创始人Angelina Lawton(安吉丽娜·劳顿)对PPT的不满。当时,劳顿正在为Tampa Bay Lightning(坦帕湾闪电队)宣传。她无法接受的是,这样一支令人兴奋的专业曲棍球队竟然用如此呆板的形式向潜在赞助商推广。

  • 苹果或将开发可折叠iPhone 机身圆润无刘海

    据知名苹果爆料大神Jon Prosser透露,苹果正在开发一款可折叠的iPhone原型机。和以往采用一块柔性屏幕折叠的折叠屏手机不同,苹果的可折叠手机是将两个独立的显示面板通过铰链连接,中框为带弧度的不锈钢材质,在设计语言上和目前的iPhone11 差不多,无刘海,但在显示屏外侧有一个 "小小的额头",用于Face ID。不过,该爆料人认为,可折叠的iPhone今年上市的可能性不大。

  • 京东今日在港公开发售 定价上限236港元

    今日,京东在港发布公告称,今日上午九时开始香港公开发售,预期 6 月 11 日(星期四)定价, 6 月 18 日上午九时正在香港联交所交易,在港公开发售定价上限为 236 港元,将发行1. 33 亿股发售股份。

  • WWDC2020国内在线观看平台 苹果开发者大会重磅亮点介绍

    WWDC2020 (Worldwide Developer Conference)是每年的苹果开发者「春晚」,在这个全球开发者大会上,苹果会公布下一代 iOS / iPadOS / watchOS / macOS / tvOS 的新特性,并随后发布开发者测试版本可供体验。此外,WWDC 2020 上还可能会发布一些新硬件。

  • 马斯克:SpaceX的首要任务是开发星际飞船

    【TechWeb】6月8日消息,据国外媒体报道,美国太空探索技术公司SpaceX的首席执行官(CEO)埃隆·马斯克(Elon Musk)在一封电子邮件中表示,该公司的首要任务是开发星际飞船(Starship)。此外,他还在邮件中呼吁员工加快星际飞船项目的开发速度。SpaceX是获得美国宇航局(NASA)总计10亿美元资助的三家公司之一,它将开发能够将货物和人类送往月球的登月系统。据悉,该公司将用星际飞船作为着陆器,而这艘飞船将通过其Super Heav

  • TypeScript 热度超 C 与 Python、Go 开发收入高、运维吃香,调查了 65000 名开发者有这些发现!

    近十年来,Stack Overflow的年度开发者调查问卷被誉为全球范围内最大的开发者调查。为了寻求多样化的代表,Stack Overflow的官方将调查问卷从技术和行为等方面提出了各类问题,希望收集的信息能够帮助改善Stack Overflow开发者的社区。

  • 李楠评价苹果WWDC:果然是抄袭到全球开发者哭泣的大会

    6月23日消息,一位知友在知乎提问,如何评价2020年苹果全球开发者大会?李楠表示,那些Android十年前就实现的东西不说了,果然是抄袭到全球开发者哭泣的大会。李楠指出,苹果WWDC有意思的地

  • 开发者:苹果不会让iOS 14对外支持通话录音功能

    之前曾有外媒给出消息称,苹果将会在iOS 14上增加通话录音功能,这让不少用户期待不已。从曝光的截图上看,用户需要获得通话人员的同意才能启用通话录音功能,并且在通话过程中严禁与他人共享

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天