彬Go

关注前端开发/网页设计/网站可用性/用户体验

HTML5和CSS3工具资源汇总

HTML5和CSS3工具资源汇总

  HTML5CSS3已经开始彻底变革全世界的Web前端开发和Web设计发展格局,因为他们给这个领域带来了太多太多令人惊奇的新特性!我用大量时间学习了HTML5和CSS3技术,它们的动画、圆角等特效会令你震惊…在后面的内容中彬Go将向大家推荐一些能帮助你更好的掌握甚至精通HTML5和CSS3的终极工具资源集合。虽然还有很多特性不被浏览器所支持,但我们作为前端开发从业者,有必要掌握它们。彬Go希望这些HTML5和CSS3工具资源能对大家的学习和工作有所帮助。
本文未完,点这儿看完整内容 » »

  • 16 条评论了已经
  • 分类: CSS, HTML5
  • 浏览:10,480
  •   Bookmarklet(书签工具)是节省网页设计/前端开发时间的最佳工具。仅需点击一下,它就能提供很多信息或帮助。Bookmarklet是使用一段Javascript代码编辑而成的书签,当你在浏览器中点击已经预存的Bookmarklet(书签工具)时,其中的Javascript程序就会运行,从而起到书签相应的辅助功能。

      今天暴风彬彬要向大家推荐15个有助于网页设计/前端开发的Bookmarklet,他们的功能涵盖了:

    • 了解颜色的运用。
    • 为网页插入标尺。
    • 在未重载网页的情况下重载CSS
    • 修改网页元素等功能…

    Bookmarklet使用方法:您可以用鼠标将”使用”链接拖到书签栏中(适用于FF、Chrome),在IE中可以右击”使用”链接,选择”添加到收藏夹”就可以了,记得添加以后重新命名哦。如果没有”使用”链接,那么您可以点击相应链接到该工具的作者网站寻找添加的链接。

    点击这里下载适用于导入Firefox的书签文件夹。(点击FF的”书签”–>”管理书签”–>”导入&备份”–>选择导入下载的html文件即可)

    提示:如果您很少或不习惯使用这种Bookmarklet工具,您也可以考虑使用Firefox的Web Developer工具栏(扩展),它包含了部分Bookmarklet的功能,也是非常棒的网页开发辅助工具。

    您还可以参考以下网页设计/前端开发相关资源:
    推荐12款可用于前端开发的免费文本编辑器
    Web前端开发必备手册下载》 
    推荐3个网页设计在线配色网站
    10个非常棒的Ajax及Javascript实例资源网站
    20个免费的SEO网站分析工具》 

    1.WTFramework

    用于学习JavaScipt框架的Bookmarklet工具

    wtf-bookmarklet

      当你好奇某个网站在使用哪个JavaScript框架的时候,相比查看网页源文件,点击以下书签就能查看网站使用的什么JavaScript框架要容易得多。

    本文未完,点这儿看完整内容 » »

  • 27 条评论了已经
  • 分类: Javascript, 资源
  • 浏览:11,457
  • 网站分析-免费-工具

      作为博客写手、网页设计师和元老级网民,我们每天要浏览许多的网站和博客。除阅读之外,我们也会对其它所有相关都会感到好奇。这些好奇往往产生自网站(博客)的数字和数据,例如页面点击量、Feed订阅数、排名、网站虚拟主机和网站的价值等等。暴风彬彬建议你看看这篇《通过27个网站分析工具了解网站的9个有趣真相》。暴风彬彬在此之前也曾经推荐过《20个免费的SEO网站分析工具》,如果感兴趣,也可以去看一看。

    本文未完,点这儿看完整内容 » »

  • 7 条评论了已经
  • 分类: SEO, 资源
  • 浏览:3,470
  • Vector Magic-在线免费将位图转换为矢量图

    Vector-Magic-位图-矢量

      如果你并不熟悉如何使用Phtoshop,但正在寻找一种简单快速的将位图转换成矢量图的方法,那么暴风彬彬向你推荐Vector Magic这个在线转换位图为矢量图的网站。Vector Magic具备自动临摹的能力来将你上传的位图图片转换成矢量图片。

    本文未完,点这儿看完整内容 » »

  • 1 条评论了已经
  • 分类: 资源
  • 浏览:2,195
  • 20个免费的SEO网站分析工具

      在开发和维护网站的过程中,网站分析将对网站的前途起到非常重大的作用。今天暴风彬彬为大家收集了20个用来对自己的网站进行分析的资源或工具,而且它们几乎不用注册甚至下载就可以使用哦。有些可以说是SEO必不可少的工具!还等什么,快往下看…

      下面要介绍的这20个工具,有些能对你提交的网站进行详尽的分析并作出详细的分析报告,甚至提示如何解决网站存在的一些问题,以达到优化效果;有些工具只是提供一个大体的分析。我相信其中大部分都会对你的SEO工作有所帮助,而且会是你的网站维护起来更有意思 :-D 

    您还可以参考以下网站优化相关文章:
    通过27个网站分析工具了解网站的9个有趣真相》 
    浅谈网站用户体验UX与SEO的关系
    推荐两个SEO辅助搜索工具
    Google 评价 blog 的指标》 
    Google 网页排名背后的技术》 

    1.Website Grader

    SEO-工具-Website-Grader

      Website Grader是我平常比较喜欢使用SEO分析工具,因为它分析得很全面,可用性也很高。通过Website Grader你将得到一个关于你提交的网站的非常详尽的分析报告,报告涉及到了网站的各个部分,比如页面结构、域名信息、标题摘要信息(h1,h2,h3这些)、Google索引数量和bot最后爬行日期、RSS是否正确、Google/Yahoo/Alexa/MSN上的反向链接数、Technorati排名、del.icio.us的收藏数、Alexa的排名情况和Google PageRank值。并且还会对提交的网站进行打分及网站出现的问题的修改建议。通常Website Grader所提出来的修改建议是很有价值的,而且能详细的致命问题出在哪,如何才能解决这样的问题。

    SEO-分析-工具-Website-Grader

    本文未完,点这儿看完整内容 » »

    推荐两个SEO辅助搜索工具

      今天暴风彬彬要介绍的两个工具也许会对你的SEO工作提高一定的效率,在这个互联网信息量呈爆炸趋势的年代,只有掌握好如何使用关键词和标签才能不会让自己的文章在互联网海洋中被掩埋。这两个辅助工具正式可以为你提供一些关于关键词的建议,如果你正犹豫应当为自己的文章选择哪个关键词,那就来试试它们吧!


    本文未完,点这儿看完整内容 » »

  • 4 条评论了已经
  • 分类: SEO, 资源
  • 浏览:1,891