随着 Web 前端开发由 PC 转向 Mobile，作为前端工程师，除了需要去学习掌握移动端的新特性外，还需要面对大量移动端特有的难题，其中之一就是——怎么调试移动端页面？ 针对调试的问题，现在已经有一些很好的解决方案，比如：weinre、chrome remote、手 Q 浏览器 Inspector，不过这些方案的门槛都较高，需要满足一些额外的条件。目前，在日常的开发调试工作中，打日志依然是一种常见的调试手段，通过日志内容来判断当前页面运行的状态，而日志的输出形式又有很多种，有 img 请求、dialog 弹窗、alert 等等，但这些输出方式都不能很好的满足我们的需要，甚至存在一些问题，所以 Rosin 诞生了。
Rosin 是一个 Fiddler 插件，它能接收页面中的 console 的输出，将内容持久存储在本地，并展现在 Fiddler 面板。 如果你的项目是通过 Fiddler 代理来开发调试手机页面，那么 Rosin 将会是你的好帮手。
项目地址： http://alloyteam.github.io/Rosin/
大家阅读此文之前，可以先看一篇 MiloYip 的文章：用 JavaScript 玩转游戏物理 (一) 运动学模拟与粒子系统，看完之后再看此文，更加容易理解。
MiloYip 使用的粒子是 canvas 中绘制的圆，还有一些粒子效果是基于 像素级别的，如：火焰字 ，但是使用像素的计算成本太大，因为需要的粒子数量太多，甚至要配合一些 nosie 算法，如（perlin nosie），计算量太大。
所以一般会先设计好粒子的纹理（每个纹理假设是 32*32，一个粒子就包含了九百多个像素了），这样需要的粒子个数不多，计算量也不大，管理粒子的成本也不高（对粒子增删改查）。
粒子系统在什么时候最漂亮？晚上！所以在绘制纹理的时候，需要设置 globalCompositeOperation 的值为 lighter。其作用是：在图形重叠的地方，颜色由两种颜色值的加值来决定。
globalCompositeOperation 还有非常多的属性可以设置，详情见：w3school。
AlloyDesigner 的创意来自于 “临摹” 的灵感，使用 AlloyDesigner 后，你可以把设计稿拖进你的 Web 页面铺在页面的最底层，然后就可以对着设计稿来构建 DOM 元素和 CSS 样式啦，这样子是不是直观了很多？通过 AlloyDesigner 直观地调整页面，迅速达到与视觉稿一致的目的。
移动 Web 开发是一块新的领域，给 Web 带来更多机会的同时，也带来了更多的挑战。为了让开发者在移动 Web 的道路上走得更加顺畅，开发更加高效，Spirit（勇气号）由此而生。
基于未来趋势的开发理念，Qing 旨在提供工程化方案。
平台与浏览器版本兼容：
CSS3 UI Lib 库是由腾讯 AlloyTeam 前端开发团队建立，主要收集国内外友好体验和创意的界面组件 Demo。它除了使用CSS3技术外，还使用了HTML5，JS，JX，jQuery 等技术，来达到完美的外观表现以及交互体验。此项目自 2011年10月份成立以来，经过团队一年多的整理和收集，已经趋于成熟。
今天和大家分享一下使用 CSS3 绘制腾讯 QQ 的企鹅 Logo 的过程。
网络上经常能够看到一些用 CSS3 绘制的精致图形，它们通常由矩形，圆形，椭圆，三角形, 梯形等组合而成。要想绘制我们自己的图形，就要先了解下基本图形的绘制方法了。
号外号外，iSpriter 更新啦！
什么？你不知道 iSpriter 是什么？那你太 out 啦，必须先看看这个文章了。简单的一句话介绍：基于 NodeJs 的开源 CSS 精灵图合并工具，不用改变原有的 css 编写方式，就能自动帮你解决 css sprite 的合并问题。目前源码托管在 github（https://github.com/iazrael/ispriter），欢迎各位同学来一起完善。
由于最初写的时候不怎么注意代码自量，写得比较搓。在应用在几个项目之后，修复了一些 bug，发现再加新功能比较困难。最近终于下决心重构了下，并在重构的基础上增加了一些新特性。
一、坦克结构组成：
坦克由三个基本部件组成：主体，炮管和雷达。
Copyright © 2011-2021 AlloyTeam. All Rights Reserved. Powered By WordPress
粤ICP备15071938号-2
HTML5 梦工场
推荐使用 Coding.net