轩枫阁

前言

本文列出了Github上非常受关注的10位前端大师。看看他们负责的项目和提交的代码，你是不是能从中学到些什么？

前端大师

1. Paul Irish

• Github主页： https://github.com/paulirish
• 个人主页： http://paulirish.com
• 维基百科： http://en.wikipedia.org/wiki/Paul_Irish

Paul Irish是著名的前端开发工程师，同时他也是Chrome开发者关系团队成员，jQuery团队成员，Modernizr、 Yeoman、CSS3 Please和HTML5 Boilerplate的lead developer。 查看全文

前言

Chrome DevTools提供了一些内置的快捷键，开发者利用这些快捷键可以节省常工作中很多日的开发时间。下面列出了每个快捷键在Windows/Linux及Mac中的对应键。其中一些快捷键对于DevTools全局可用，而另一些则只能在单个面板中使用。

具体介绍

打开DevTools

你可以通过以下任何一种方式来访问DevTools：

• 打开浏览器右上角的Chrome菜单，然后选择“更多工具”–“开发者工具”。
• 在页面任何元素处点击右键，然后选择“审查元素”。

查看全文

我们用初中三年去盼望高中三年，我们用高中三年去憧憬大学四年，而用大学四年去怀念中学六年，最终用我们的一生去祭奠我们的青春。

查看全文

设计 + 代码

A. 免费设计资源

• Freebbble: 网站搜集了来自 Dribbble 的免费素材.
• Dribbble: 在 Dribbble 中搜索 “freebie” 能找到许多免费的好东西.
• Graphic Burger: 这里的每一个设计资源都足够精致.
• Pixel Buddha: 为专业人士准备的设计素材，有免费的好资源，也有收费的进阶版.
• Premium Pixels: 为创意工作者准备的素材.
• Fribbble: Dribbble设计师的免费素材，项目由 Gilbert Pellegrom 所策划.
• Freebiesbug: 最新最热的PSD等设计素材，为设计师而生.
• 365 Psd:每天一款免费的PSD.
• Dbf: 这里有来自Dribbble和Behance的免费资源.
• Marvel: 来自著名设计师的免费素材.
• UI Space: 来自那些炫酷的创意工作者的高品质设计资源.
• Free Section of Pixeden: 大量免费设计资源.
• Free Section of Creative Market: 每周一一波免费设计资源.
• Teehan+Lax: DiOS 8 GUI PSD (iPhone 6).
• Teehan+Lax: iPad GUI PSD.
• Freepik: 给每个人的免费平面设计资源.
• Tech&All: PSD，技术新闻，免费资源，都在这里.
• Tethr: 最漂亮的iOS UI设计工具.

B. 取色

查看全文

前言

2014年，Google推出影响全球设计趋势的materialDesign，接着苹果推出ios8和两台影响ios屏幕适配的大屏手机。

1.大屏手机的普及化

首先让我们看一眼友盟的数据

Android

查看全文