发表于 | 分类于 | 阅读次数

尽管 Chrome 的开发者工具给你足够多的实用工具来覆盖你的设计和开发需求，但也可以通过添加免费的扩展应用去进一步扩展浏览器的功能。根据你的需要，并选择完美的扩展，你可以轻松地创建一个个性化的开发环境，这会大大提高你的开发效率。

要介绍的 25 个 Chrome 扩展应该我们为你选择分为以下几类：前端扩展，在线编辑，验证器与性能相关，测量扩展应用，颜色工具，字体测试工具和 很有用的实用性扩展应用。

前端扩展

SnappySnippet

SnappySnippet 把 CSS 和 HTML 从 DOM 树里提取出来，然后发送到 CodePen，jsFiddle 或 JS Bin 上。

MagiCSS

MagiCSS 一个拥有内置编辑器的在线 CSS 编辑扩展应用，具有美化和减小 CSS 的功能。同时还允许创建 Github Gist。

CSS Dig

CSS Dig 能够在大多数的网站上找到和组织样式表和样式块，给你一个简单的方法来分析和计划重构的代码。

CSSViewer

CSSViewer 能集成很多工具和扩展程序去执行一个简单的任务。这使得它们更好地发挥功能。但没有 Chrome 扩展应用集合能在不集成的情况下可以完成这种功能。用法很简单，你只需点击工具栏的图标，然后将鼠标移到你想审查的元素上就可以了。

阅读全文 »

发表于 | 分类于 | 阅读次数

今天兴致勃勃去查看了下 Next 主题的更新，发现已经有了新的版本，而且布局也更新了。所以马上就试了试，先来看看变化：

旧版

old-main

阅读全文 »

发表于 | 分类于 | 阅读次数

Web 缺点之一是任何东西都是临时的。
技术的发展快如闪电，当你想设计一个新的网站，或是让别人为你设计一个，当前的技术将变得不足以应付。本文将为你介绍很多很好的网站。
你需要设计一个让读者难忘的，同时能发表一个声明，并且不会像其它网站一样会让你的读者“尖叫”的网站。
你要为你的目标读者提供一个独特而不同于其它的体验，否则你会失去这里读者。

如果你是一个 Web 开发人员或是设计师，那么你会喜欢上这 5 个网站，同时你也会拥有一个志同道合的社区，从中受益并且重新概念化你的品牌和业务价值。

WebDesigner News

这里将列出设计师们的经验，他们会将自己的经验总结成一些“入门级”的文章。
其中有些是高技术含量的文章，但也是与 web-friendly 相关的内容。

Smashing Magazine

一个不仅关注编码和设计的全类型网站，但也可以在这里用设计好设计和编码去触动某人。
重点是提供可编辑的内容，从设计的角度而言，它可以作用于在两个主要平台——站点和电子书发布。

Dribble

一个设计师社区，用于展示和分享他们最新的 Web 设计项目。
这为你提供了很多与全球的设计师面对面合作的机会，也可以在此获得设计师工作的机会。

阅读全文 »

发表于 | 分类于 | 阅读次数

在日常管理项目的过程中，可能会遇到提交的 commit/merge 并不是想要的，或是操作失误提交了，那么此时我们需要把不想要的 commit/merge 取消掉，如果做到呢？Git 为我们提供了一个 reset command，很好地解决了这个问题。

reset

1. 命令说明

1
$ git reset [--hard|soft|mixed|merge|keep] [<commit>|<HEAD>]

常用的是 [--hard|soft|mixed]，本文主要使用 --hard 作为例子进行说明。

2. 本地仓库

在本地仓库执行 $ git reset --hard HEAD^ 可以将本地的仓库回滚到上一次提交时的状态，HEAD^ 指的是上一次提交。

同时你也可以执行 $ git reset --hard fc232ae 将其回滚到 fc232ae commit 时的状态。

3. 远程仓库

以上操作只会对本地仓库造成影响，而远程仓库的源码和 commit 信息并不会因此改变。那么此时我们需要另外一个 command 来改变远程仓库的状态。

注意，此时不要在上一步的操作之后执行 $ git pull ，因为这个操作会使本地仓库的状态与远程同步。

1
$ git push origin [branch] -f

执行此命令后，Git 会将远程仓库的状态与本地仓库的保持一致，即回滚状态。

阅读全文 »

发表于 | 分类于 | 阅读次数

ECharts

关于ECharts（ECharts）

ECharts 是百度提供的一款开源、功能强大的数据可视化产品。
主要提供折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导向布局图、仪表盘以及漏斗图。

特性

  • 拖拽重计算
  • 数据视图
  • 多图联动
  • 值域漫游
  • 炫光特效
    ……

准备

下载 ECharts 静态包【echarts-2.2.7】，也可以直接使用链接进行加载。建议下载静态包，避免官方 更新新特性 时造成图表无法正常呈现的问题。

阅读全文 »