资讯频道 → Web前端
阅读更多

1顶
0踩

Web前端

转载新闻 迎接HTML5：10个网页设计小工具推荐

2012-04-12 10:50 by 正式编辑 nemohq 评论(0) 有9215人浏览
HTML5
HTML5时代即将来临，各种网页表现形式也开始层出不穷，你甚至都不知道明天会出现什么的样的网页，因为HTML5太强大了。HTML5对网页设计者的要求也会越来越高。好的网页设计辅助工具对网页设计开发是有很大的帮助的，一些好的工具软件能让网页开发设计工作事半功倍。下面小编就给大家介绍一些国外网页设计者经常使用的一些小工具，希望对广大网页设计者能有所帮助。

1、Scroll Kit


该工具是Wordpress的一个插件，你可以直接在浏览器中对编辑好的网站进行字体字号编辑、插入图片、添加标签、图层和表格等一系列操作，直接在可视化模式下编辑，所见即所得，让你实时把握网页的风格走向。大家可以去Scroll Kit官方网站体验一下。同类型的工具还有Breezi。在功能上Breezi更加强大一些，Breezi 是一个浏览器端网页设计管理工具，不过操作也更复杂，大家各取所需吧。

2、Skeleton

Skeleton是一系列CSS和JS文件的集合，它可以帮你快速的调整网页在不同的显示分辨率下的显示效果，17寸的显示器和iPhone的屏幕网页显示效果是不一样的。Skeleton有三个主要原则：网格在移动设备上快速响应、快速启动以及风格不可知论者。

3、Responsive Design Test Bookmarklet


一个小小的脚本文件，可以帮助你实时查看任意网页在不同设备分辨率下的显示情况。进入Responsive Design Test Bookmarklet网站按提示设置不同分辨率之后生成代码，将生成的代码拖动到你需要测试的网页标签中就可以使用了。

4、Box of Bundles


Box of Bundles集中了全球众多网页设计者使用的UI模板、登陆框、分享按钮等网页设计中需要使用的内容，这些东西都是免费的。

5、Invision

Invision是一款UI原型设计工具，用于交互原型和框架设计，如果你这在寻找一款UI设计工具的话可以试试这个。

6、Layercake


将你的Photoshop Web文件快速的转化为适合网页使用的文件，只需要将PSD文件拖动到程序中就行，而不需要在Photoshop中逐个转换浪费时间，而且还是自动按照你设计时对每个文件的命名而对新文件重命名，不过需要注意的是该软件只有Mac版本。

7、Temboo

Temboo中含有超过60个API，这个软件开发工具包包含了众多Java环境下使用的API。

8、Parse


Parse是一个完整的 iOS和Android 后端支持平台，它可以让开发者完成忘掉服务器端的事情（Parse透明地为你提供服务端的支持），全情投入在客户端的开发上面，有人把它类比成手机开发中的Rails。Parse提供了：

  • 推送服务
  • 用户、社交网络连接（含Twitter,Facebook)
此外，Parse还提供了本地数据与服务端数据同步的服务，开发者只需要对本地的数据进行操作就行。有这样好的SDK和服务提供给你时，做一个iOS或Andoird应用变得更加容易了。如今这样的第三方SDK和服务越来越多。原来在 Web2.0里面出现的第三方服务，如评论，用户反馈托管（如userVoice），表单等己经开始全面移植到移动互联网的世界。可以想像，未来的移动应用也可以简单的糅合出来。

9、Air Display


当你在开发设计网页和程序的时候是否曾经希望自己的Mac或Windows电脑多一台显示器?的确有应用程序可以实现这一点。通过 Air Display,你可以把你的iPad、iPhone或iPod Touch当用作无线显示器,扩展电脑桌面，让原本不够用的电脑桌面更宽广。

10、Typekit Lists

Typekit Lists能帮助你更好的对网站进行排版以及字体的更换，还包括压缩标题字号、字体变胖等有趣的功能。

以上是一些网页设计者和应用开发者可以使用的一些小工具或者网站，希望能对大家的开发设计工作有所帮助，如果大家有更好的工具也欢迎留言补充。

Via:TNW
  • 大小: 18.8 KB
  • 大小: 16 KB
  • 大小: 15.8 KB
  • 大小: 12 KB
  • 大小: 41.9 KB
  • 大小: 14.5 KB
1
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 【HTML】HTML网页设计---海贼王动漫前端设计

    例如使用到了dom，和bom来获取浏览器的相关api，同时使用css对样式进行相关的美化，使得界面更加符合网页设计 3、作品演示 【coding加油站】HTML设计--海贼王动漫网页设计 相关代码： 海贼王 海贼王 ONE ...

  • 基于html5在线音乐动态网站,基于HTML5和CSS技术的音乐网站设计与实现

    基于HTML5和CSS技术的音乐网站设计与实现获取更好的阅读体验请访问：http://www.itbiyesheji.com/index.php/2019/04/23/基于html5和css技术的多媒体系统设计与实现/功能需求登录：有一个用户，跳转到音频和视频两大...

  • HTML5添加了哪些新元素及功能,10个html5增加的重要新特性和内容

    文章开篇之前我们先了解一下什么是html5，百度上是这样定义html5的：万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。其实说白了html5也就是人为定义的一些规则和新的api的...

  • HTML5可视化设计工具 Maqetta 开源

    aqetta，一个创建桌面和移动用户界面的HTML5设计编辑工具，并同时宣布将项目捐助给开源机构Dojo基金会。 Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和...

  • 推荐10款非常优秀的 HTML5 开发工具

    HTML5 发展如火如荼，...今天这篇文章向大家推荐10款优秀的HTML5开发工具，帮助你更高效的编写 HTML5 应用。 Initializr Initializr 是制作 HTML5 网站最好的入门辅助开发工具，你可以使用提供的特色模板快速生

  • 前端工程师高效H5开发工具，强力推荐这12款！

    html5 语言的出世也受到广大开发者们的喜爱，HTML5被看做是 web开发 者创建流行web应用的利器。 HTML5的诞生还让人们重新审视浏览器专用多媒体插件的未来，如 Adobe 的 Flash 和 微软 的Silverlight，HTML5为实现...

  • 什么是响应式设计（Responsive Design）？如何实现一个响应式网页？

    什么是响应式设计（Responsive Design）？如何实现一个响应式网页？

  • Adobe推出HTML5动画设计工具Edge

    7月31日，Adobe发布了新软件Adobe Edge，这款软件将帮助网页设计人员利用HTML5、JavaScript和CSS等非Flash技术来开发在线动画内容。

  • 重构之美－迎接Web标准化设计的来临[总结一：网页设计回归？]

    让我想起了曾经使用压缩网页代码工具、曾经为一个JPG的图片1％的调整压缩比以获得最佳效果最小大小的时代，随着互联网的高速发展， 这些都成为了过去时，它们对网站速度的影响越来越小，小到可以忽略。没人再用压缩...

  • 2013 HTML5 峰会，HTML5 守望者的盛宴

    2013，HTML5 峰会再度来袭，一场属于 HTML5 守望者的盛宴！HTML5 作为新兴技术，未来光明但道路曲折。不管 HTML5 是遥不可及的幻想，还是眼下移动互联网的救命稻草？需要我们携手...

  • HTML5新特性浅谈(转)

    2014年10月29日，W3C宣布，经过接近8年的艰苦努力，HTML5标准规范终于制定完成。 HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为...

  • 健身预约小程序的设计与实现

    综合分析国内外在该方面的研究情况，然后对该小程序开发所需相关技术以及环境进行深入分析，针对需求和系统分别展开分析，然后结合相关研究以及个人知识设计出系统，最后主要是对所开发出的系统进行测试。

  • html5入门到精通 在线,HTML5从入门到精通(第2版)

    《html5从入门到精通(第2版)》一书内容系统而全面，详尽地讲解了HTML语言及HTML5的所有新功能与新特性，技术新颖，所有重要知识点均以多个实例进行讲解，方便读者动手实践。每章最后设置习题，通过这些习题可以对本...

  • 秒达开源多功能中文工具箱源码：自部署 全开源 轻量级跨平台 GPT级支持+高效UI+Docker

    【秒达开源】多功能中文工具箱源码发布：自部署、全开源、轻量级跨平台，GPT级支持+高效UI，Docker/便携版任选，桌面友好+丰富插件生态 这是一款集大成之作，专为追求高效与便捷的用户量身打造。它不仅支持完全自部署，还实现了彻底的开源，确保每一位开发者都能深入了解其内核，自由定制与扩展。 【秒达开源工具箱】以其轻量级的架构设计，实现了在各类设备上的流畅运行，包括ARMv8架构在内的全平台支持，让您无论身处何地，都能享受到同样的便捷体验。我们深知用户需求的多样性，因此特别引入了类似GPT的智能支持功能，让您的操作更加智能、高效。 与此同时，我们注重用户体验，将高效UI与工具箱功能高度集成，使得界面简洁直观，操作流畅自然。为了满足不同用户的部署需求，我们还提供了Docker映像和便携式版本，让您可以根据实际情况灵活选择。 值得一提的是，我们的工具箱还支持桌面版应用，让您在PC端也能享受到同样的强大功能。此外，我们还建立了丰富的开源插件库，不断扩展工具箱的功能边界，让您的工具箱永远保持最新、最全。 【秒达开源】多功能中文工具箱，作为一款永远的自由软件，我们承诺将持续更新、优化，为

  • 双极 AMI 的加扰以及 B8ZS 和 HDB3 加扰simulink.rar

    1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。

  • C项目开发资源.docx

    对于C/C++项目开发，有许多资源和工具可以帮助开发者提高效率、保证代码质量以及实现项目的自动化构建和部署。以下是一些具体的资源和工具： 1. **集成开发环境(IDE)**: - **CLion**: 专为C和C++开发设计的跨平台IDE，提供了代码分析、调试、版本控制集成等功能。 - **Eclipse CDT**: 基于Eclipse的C/C++开发工具，支持代码补全、调试和项目管理。 - **Visual Studio**: Windows平台上功能强大的IDE，提供了丰富的C++开发支持。 - **Code::Blocks**: 开源的C/C++ IDE，体积小且可定制。 - **KDevelop**: 另一个功能丰富的开源IDE，主要针对Linux平台。 2. **代码编辑器**: - **Visual Studio Code**: 通过C/C++扩展插件，如C/C++插件包，提供智能感知、代码调试等功能。 - **Sublime Text**: 轻量级的文本编辑器，支持大量插件，包括C/C++编译和语法高亮。 3. **编译

  • 基于ssm的在线购物系统的设计与实现设计与实现.docx

    基于ssm的在线购物系统的设计与实现设计与实现.docx

  • python-对Excel数据处理做可视化分析.zip

    灵敏度分析

Global site tag (gtag.js) - Google Analytics