CSS, HTML5

HTML5和CSS3工具资源汇总

HTML5和CSS3工具资源汇总

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

JavaScript, 资源

15个前端开发/网页设计师必备的Bookmarklet

  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个网站分析工具了解网站的9个有趣真相

网站分析-免费-工具

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

(更多…)