教你用webgl快速创建一个小世界
Webgl的魅力在于可以创造一个自己的3D世界，但相比较canvas2D来说，除了物体的移动旋转变换完全依赖矩阵增加了复杂度，就连生成一个物体都变得很复杂。
什么？！为什么不用Threejs？Threejs等库确实可以很大程度的提高开发效率，而且各方面封装的非常棒，但是不推荐初学者直接依赖Threejs，最好是把webgl各方面都学会，再去拥抱Three等相关库。
上篇矩阵入门中介绍了矩阵的基本知识，让大家了解到了基本的仿射变换矩阵，可以对物体进行移动旋转等变化，而这篇文章将教大家快速生成一个物体，并且结合变换矩阵在物体在你的世界里动起来。
Omi应用md2site-0.5.0发布-支持动态markdown拉取解析
1
Md2site是基于Omi的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。
在使用之前的版本的时候，你会发现体验非常好？为什么非常好？因为页面间的切换是无刷新！
无刷新的原理就是，所有的markdown都会被webpack打包到js里，只要在js动态require就行。
这样带来的一个问题便是：如果有海量的markdown的时候，首次加载的时间非常长。
怎么解决？支持动态拉取和解析markdown~~
CSS Modules 入门及 React 中实践
3
读文先看此图，能先有个大体概念：
阅读本文需要 11m 24s。
CSS Modules是什么东西呢？首先，让我们从官方文档入手：
GitHub – css-modules/css-modules: Documentation about css-modules
Omi命令行界面omi-cli发布
1
原文链接：https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi-cli.md
通常认为，命令行界面（CLI）没有图形用户界面（GUI）那么方便用户操作。但是CLI比GUI节约资源，在熟悉命令之后，CLI会比GUI更加高效地帮你完成想要的任务。
Omi CLI地址: omi-cli
下面来介绍下pasturn童鞋为Omi开发的CLI的两种使用姿势：
|
1 2 3 4 5 6 |
$ npm install omi-cli -g //安装cli $ omi init your_project_name //初始化项目 $ cd your_project_name //转到项目目录 $ npm run dev //开发 $ npm run dist //部署发布 |
从工程化角度讨论如何快速构建可靠React组件
2
React 的开发也已经有2年时间了，先从QQ的家校群，转成做互动直播，主要是花样直播这一块。切换过来的时候，业务非常繁忙，接手过来的业务比较凌乱，也没有任何组件复用可言。
为了提高开发效率，去年10月份也开始有意识地私下封装一些组件，并且于今年年初在项目组里发起了百日效率提升计划，其中就包含组件化开发这一块。
本文并不是要谈如何去写一个 React 组件，这一块已经有不少精彩的文章。例如像这篇《重新设计 React 组件库》，里面涉及一个组件设计的各方面，如粒度控制、接口设计、数据处理等等（不排除后续也写一篇介绍组件设计理念哈）。
本文关键词是三个，工程化、快速和可靠。我们是希望利用工程化手段去保障快速地开发可靠的组件，工程化是手段和工具，快速和可靠，是我们希望达到的目标。
前端工程化不外乎两点，规范和自动化。
读文先看此图，能先有个大体概念：
Omi应用md2site发布-markdown转网站利器
4
Md2site是基于Omi的一款Markdown转网站工具，使用简单，生成的文件轻巧，功能强大。
当我们想把一堆markdown文档转成网站时，你可能有许多选择，倘若选择 md2site ，你一定会爱上她。
线条之美，玩转SVG线条动画
通常来说web前端实现动画效果主要通过下面几种方案：
2017年试试Web组件化框架Omi
13
Open and modern framework for building user interfaces.
webgl世界 matrix入门
这次没有带来游戏啦，本来还是打算用一个小游戏来介绍阴影，但是发现阴影这块想完完整整介绍一次太大了，涉及到很多，再加上业务时间的紧张，所以就暂时放弃了游戏，先好好介绍一遍webgl中的Matrix。
这篇文章算是webgl的基础知识，因为如果想不走马观花的说阴影的话，需要打牢一定的基础，文章中我尽力把知识点讲的更易懂。内容偏向刚上手webgl的同学，至少知道着色器是什么，webgl中drawElements这样的API会使用~
从零开始React服务器渲染
2
一.前言
当我们选择使用Node+React的技术栈开发Web时，React提供了一种优雅的方式实现服务器渲染。使用React实现服务器渲染有以下好处：
1.利于SEO：React服务器渲染的方案使你的页面在一开始就有一个HTML DOM结构，方便Google等搜索引擎的爬虫能爬到网页的内容。
2.提高首屏渲染的速度：服务器直接返回一个填满数据的HTML，而不是在请求了HTML后还需要异步请求首屏数据。
3.前后端都可以使用js
二.神奇的renderToString和renderToStaticMarkup
有两个神奇的React API都可以实现React服务器渲染：renderToString和renderToStaticMarkup。renderToString和renderToStaticMarkup的主要作用都是将React Component转化为HTML的字符串。这两个函数都属于react-dom(react-dom/server)包，都接受一个React Component参数，返回一个String。
也许你会奇怪为什么会有两个用于服务器渲染的函数，其实这两个函数是有区别的：
HTML5梦工场
推荐使用 Coding.net