分享本站右侧 “类Metro风格侧边栏” 的实现方法

本站DeveWork.com 右侧边栏有个“类Metro风格侧边栏”的小工具,半年前的时候微软所带来的“Metro风格”(也叫Modern 风格、Windows UI)还挺流行,因此当初在设计这个主题的时候想着运用一下。具体实现的起来也不是很难,CSS 热点+CSS Sprite 技术,纯CSS+Html。具体见下文。

jQuery官方jQuery 入门教学视频:TryjQuery(简体中文版下载)

jQuery官方jQuery 入门教学视频:TryjQuery(简体中文版下载)

TryjQuery 是今年3月份的时候jQuery 官方联合code school 推出的一个学习资源平台,其包括14个视频、71个交互式挑战。随后国内有好心的网友发挥“字幕组”的雷锋精神,翻译了所有的视频。Jeff 也试着学习了一下,老外的教程就是做的不错,交互式教学,形象生动,循序渐进。

网站性能评分工具Yslow 使用教程

Yslow 这个工具相信无论是搞前端的攻城师或者是搞网站的站长都了解,Yslow 可比谷歌的PageSpeed 有名多了;那个百分制下的评分数据总让国人着迷,看来应试教育造的孽太深了。Jeff 认为的话,Yslow 比较专业,但是因为是英文的,所以在个人分析结果上对某些人比较吃力,建议先使用PageSpeed Insights熟悉熟悉。

Google官方网页载入速度检测工具PageSpeed Insights 使用教程

Google官方网页载入速度检测工具PageSpeed Insights 使用教程

相信有接触前端开发的大神们都听说过Google官方的PageSpeed Tools,这个网页载入速度检测工具有在线版本也有一个 Chrome 扩展,叫PageSpeed Insights,在此之前,Jeff 了解的更多是雅虎的 Yslow 。不过在Jeff 使用过 PageSpeed Insights 后,感觉更加容易上手——因为人家PageSpeed Insights 有中文!下面就介绍一下PageSpeed Insights。

Web Developer 简体中文汉化版下载( Firefox & Chrome 扩展)

网页开发者(Web Developer)是给Mozilla Firefox核心为基础网页浏览器的一个强大的扩展(后来也延伸到了 Chrome )。它加入了几个菜单与一条工具栏以及多种网页开发者工具。上面集成了大量的网页开发工具,例如:调试CSS、清理Cookie、对表单图片等对象进行操作等等。原版扩展的话是英文的,下面就分享简体中文汉化版的下载。

Google Chrome 浏览器 开发者工具 使用教程

Google Chrome 浏览器 开发者工具 使用教程

对于Chrome 浏览器,除了占用内存的缺点,其他都很不错。对于Chrome 浏览器的开发者工具,Jeff 除了Elements、Resources、Network、Console这四个标签页用得比较多外,其他的都甚少理解。今天偶然看到一篇Chrome 浏览器开发者工具的使用教程,感觉不错,顺便转载在这里,感谢原作者的辛苦劳动。

Sublime text 3 中Package Control 的安装与使用方法

Package Control插件本身是一个为了方便管理插件的插件,在Sublime text 3中,Package Control 的安装方法一开始出来的方法是要先安装Git,再输入代码来安装,原因说是“sublime text 3更新的python的函数,说白了就是API不同了,导致基于python开发的插件很多都不能工作”。不过后来出了个方便的安装方法,下面介绍一下。