添加 前端资料图谱

Author: hjzheng

README.md

@@ -8,8 +8,14 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 
 ====
 
+#### [前端收集图谱](http://get-set.cn/front-end-chart/)
 
-####聚合&&周报订阅
+- clone https://github.com/hjzheng/front-end-collect
+- 放入你喜欢的web容器,访问index.html即可
+- 你也直接可以访问: http://get-set.cn/front-end-chart/
+
+
+#### 聚合&&周报订阅
 |名称 |订阅地址 | 介绍 | 
 | ----- | ----- | ------ |
 |Html5 Weekly|http://html5weekly.com/| Html 技术类|
@@ -27,11 +33,11 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 
 
 
-####专业博客
+#### 专业博客
 
 注:此处`活跃度`为博客更新频率，`原创度`指的是作者原创或者翻译的文章所占博文比例。请尊重原创，大量转载其他网站资讯的网站和聚合类网站不做推荐。
 
-######中文博客
+###### 中文博客
 |名称 |活跃度 | 原创度 | 维护者|其他|
 | ----- | ----- | ------ |----- |-----|
 |[W3Cplus](http://www.w3cplus.com/)|★★★★★|★★★★★|携程 @大漠 |国内最优秀的前端博客，原创居多|
@@ -47,7 +53,7 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 
 
 
-######国外博客
+###### 国外博客
 |名称 |活跃度 | 原创度 | 维护者|其他|
 | ----- | ----- | ------ |----- |------|
 |[Smashing Magazine](http://www.smashingmagazine.com/)|★★★★★|★★★★★| # |业界权威，web 设计很赞|
@@ -64,7 +70,7 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 |[HTML5 Rocks](http://www.html5rocks.com/en/)|★★★★★|★★★★★| # |html5权威网站|
 |[A List Apart](http://alistapart.com/)|★★★★★|★★★★★| # |可以改变世界的文章|
 
-#####活跃微博
+##### 活跃微博
 |ID |公司 | 简介 |
 |-----|------|------|
 |[@w3c中国](http://weibo.com/w3cchina)|#|万维网联盟中国办事处官方微博|
@@ -74,11 +80,11 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 |[@developerWorks](http://weibo.com/developerworks)|#|#|
 
 
-####开发者博客
+#### 开发者博客
 
 微博微信流行后，明显感觉到写博客的人还是越来越少了，下面推荐的这些开发者属于在网上比较活跃的，或者博客积累了大量优质资源的。
 
-######国内开发者
+###### 国内开发者
 
 国内开发者一块欢迎大家 `Fork`提交推荐，最好能推荐一些在前端界较活跃的的开发者。
 
@@ -133,7 +139,7 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 |安记|[cssha](http://www.cssha.com/)|[@hanan321](http://weibo.com/hanan321)|[hanan198501](https://github.com/hanan198501)|#|#|腾讯一牛|
 
 
-####一些社区
+#### 一些社区
 
 |名称 |地址 |介绍 |
 |-----|-----|------|
@@ -143,7 +149,7 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 |Code Wall|https://coderwall.com/|国外技术社区|
 
 
-#####企业官方博客
+##### 企业官方博客
 
 在开头我的 Feedly 订阅 opml 文件里比较全面。
 
@@ -164,7 +170,7 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 
 
 
-##书籍
+## 书籍
 
 |名称 | 作者 | 价格 | 出版社|简评 |
 | ----- | ----- | ------ |----- |------|
@@ -178,13 +184,12 @@ https://github.com/foru17/luolei-dotfiles/blob/master/feedly.opml
 |[JavaScript权威指南](http://book.douban.com/subject/2228378/)| 弗拉纳根    |RMB 109.00|机械工业出版社|犀牛书|
 |[JavaScript语言精髓](http://book.douban.com/subject/3590768/)| Douglas Crockford    |RMB 35.00| 电子工业出版社|绝对经典，相信看完后，对Javascript这门语言有了重新认识，原来这个语言是这么的美丽！|
 
-##QQ交流群
+## QQ交流群
 1. JS-前端开发 159758989
 
 禁止闲聊，鼓励提问与资源分享。着重于话题质量以问题驱动，有问题有话题，无问题可以适当交流职业困惑或技术相关行业趣闻方面。
 
 
-##关于
-
+## 关于
 
 本 repo 会 不断更新，感谢推荐和分享新资源的朋友。

bower.json

@@ -0,0 +1,16 @@
+{
+  "name": "front-end-collect-",
+  "version": "0.0.0",
+  "license": "MIT",
+  "ignore": [
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "angular": "~1.2.19",
+    "d3": "~3.4.9",
+    "bootstrap": "^3.2.0"
+  }
+}

css/style.css

@@ -0,0 +1,71 @@
+/*Dendrogram*/
+.node circle {
+  fill: #fff;
+  stroke: steelblue;
+  stroke-width: 1.5px;
+}
+
+.node {
+  font: 20px sans-serif;
+  cursor: pointer;
+}
+
+.node text:hover {
+  fill: steelblue;
+}
+
+.link {
+  fill: none;
+  stroke: #ccc;
+  stroke-width: 1.5px;
+}
+
+/*tooltip*/
+#tooltip {
+  position: fixed;
+  width: 200px;
+  height: auto;
+  padding: 10px;
+  background-color: #444;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+  pointer-events: none;
+  color: #fff;
+}
+
+#tooltip.hidden {
+  display: none;
+}
+
+#tooltip p {
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 16px;
+  line-height: 20px;
+}
+
+.title { 
+  width: 460px; 
+  position: fixed;
+  top: 10px;
+  right: -40px;
+  height: auto;
+  padding: 10px;
+  margin: 15px;
+  background-color: #444;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
+  color: #fff;
+}
+
+a:hover {
+  text-decoration: none;
+}