前端 | OurJS

by tyler keys JS开源前端 1404270184645

Web Starer Kit 是一个来自Google的构建响应式网站的模板。支持不同的设备，并且由gulp.js 构建，同时支持跨设备同步测试。如果你是一个Node 开发者，你应该会喜欢基于gulp.js的开发环境。通过在命令行中输入 gulp 可以构建和组织当前项目，而输入 gulp serve 将会运行一个服务器，同时也可以通过输入 gulp pagespeed 来使用Google 的 PageSpeed insights (一个网站分析工具)

功夫：HTML和CSS？

by 1518409521 keys 编程技巧前端 1399821964189

这本书讲解了HTML和CSS可能会使你说什么他妈的原因，它例举了一系列通常令人沮丧的HTML和CSS困境，窘境甚至失策的地方。

HTML文件总是包含一个文档类型，我推荐HTML5的简单文档类型：

<!DOCTYPE html>

7件你不知道但可以用CSS做的事

by andrewleeson keys 心得体会前端 1399651176802

不管你信不信，CSS和JavaScript开始重叠，就像CSS增加了更多功能一新。在我写“你可能不知道的CSS和JavaScript互相影响的5种方式”一文时，人们对于JavaScript和CSS是如何重叠的感到惊讶。今天，我将重点强调你能用CSS完成的7种工作——不需要通过JavaScript或图片。

我们抛弃了AngularJS：单页面应用的5大缺陷

by ourjs keys 心得体会前端 1392817979000

我们认为下面5点让客户端的JS框架使用起来非常的痛苦。

1. 糟糕的搜索引擎优化和社交网站分享预览（Twitter/Facebook)

我为什么选择 D3.js

by ourjs keys JS开源前端 1387176008000

这不是一篇介绍D3的使用教程，而是只想说说我为什么选择使用D3，借以思考在面对新的技术的时候我该如何选择。

这段时间我在录制一门课程网页上的图表。录制课程前我调查了一下，应该用哪些工具/库来制作图表。可以确定的是，我要用svg来生成图表，而不是用html5中的canvas。开始采用的是Raphaël，一个用来创建和操作网页上矢量图形的javascript库。最开始偏向于使用Raphaël是因为之前看到的一个很漂亮的页面。在费了几天的时间，经过了很多挫折和参考资料没找到太多的情况下，做出了一个凑合的简单的图表。然后我退缩了，直到我发现了D3。

D3的缩写是Data Driven Documents，与Raphaël的关系：

相同点

都是用javascript写的针对矢量图的库
都可以对DOM节点进行操作，包括绘制，修改，添加动画效果以及图形的交互

近期热门 - 点击最多

全端社区 - 最新回复

开源的 OurJS

关注我们