TAT.老教授 从 console.log 说起（上）
In 未分类 on 2013年11月30日 by view: 33,444
11

控制台美女

console.log，作为一个前端开发者，可能每天都会用它来分析调试，但这个简单函数背后不简单那一面，你未必知道……

继续阅读

【WebStorm 工具篇】之一 整合 ant
In 未分类 on 2013年11月30日 by view: 6,972
0

前端项目越做越大，自然就少不了自动化工具，种种好就不废话了，各种自动化工具也不一一对比了，（ps：稍后我们会推出前端自动化工具的视频教程）这里就单说说 ant。

继续阅读

【WebStorm 工具篇】之一 code style 配置项
In 未分类 on 2013年11月30日 by view: 11,966
0

最近组内在打造统一的代码风格，每个人都自觉的按照规范文档给自己的偏好编辑器配上一配，我一直在用 webstorm，ctrl + alt + s 打开 webstorm的settings。

继续阅读

面向工程的移动 Web 开发模版 Qing
In 未分类 on 2013年11月28日 by view: 23,867
12
什么是 Qing？Qing 是一套基础开发模版，来源于我们在手机与 PC 端上的大量工程实践。Qing 所提供不是冷冰冰的文件，
而是一套 Web 前端解决方案，所以 Qing 不只是关注项目的初始状态，而是整体的工作流程，
这是 Qing 与现有开源的开发模版显著差异的一点。Qing 的体验必须是高效且愉悦的，拒绝繁琐与重复。
其足够的 Qing 量，只需 30 分钟内即可掌握最先进的 Web 开发技能。以下是 Qing 所基于的开发理念：

  1. 移动端优先，兼容 PC 端
  2. 向前看齐，基于 ES5 开发
  3. 模块化 Web 开发过程
  4. 自动构建与部署集成, 基于 Mod.js 工具

基于未来趋势的开发理念，Qing 旨在提供工程化方案。

平台与浏览器版本兼容：

  • iOS 4.0+
  • Android 2.2+
  • IE 6+
  • Chrome
  • Firefox
  • Safari

继续阅读

【视频】利用 sass/compass 进行合图等图片操作
In 未分类 on 2013年10月02日 by view: 11,872
8

       相信大部分同学都或多或少的对 sass 和 compass 有所了解， 但为了扫盲， 我们还是多少介绍一下背景。

       Sass 的官方网站：http://sass-lang.com

       按照 sass 的官方介绍： sass 是基于 css 的一种元语言类型， 作用是为了让 css 文档结构化， 整洁，其提供了很多 css 之外的能力。

       Compass 的官方网站：http://compass-style.org

       一言以蔽之：compass 是基于 sass 的 css 处理框架。

       Sass 和 compass 的安装都极其简单 ：

  1. 首先安装 sass 和 compass 运行所需的 ruby 环境， 推荐大家一键式安装：http://rubyinstaller.org/downloads/ (windows)
  2. 执行 gem command， 安装 sass 和 compass 。

 

继续阅读

TAT.sheran 腾讯 AlloyTeam 的 CSS3 UI Lib 库简介
In 未分类 on 2012年11月28日 by view: 29,412
23

CSS3 UI Lib 库是由腾讯 AlloyTeam 前端开发团队建立，主要收集国内外友好体验和创意的界面组件 Demo。它除了使用CSS3技术外，还使用了HTML5，JS，JX，jQuery 等技术，来达到完美的外观表现以及交互体验。此项目自 2011年10月份成立以来，经过团队一年多的整理和收集，已经趋于成熟。

  • CSS3 UI Lib 库：Http://CSS3Lib.alloyteam.com

继续阅读

TAT.Kinvix Web 前端业界传说中氛围最好群——鬼懿 IT
In 未分类 on 2012年10月26日 by view: 37,779
17

做 Web 开发很多年了，专门做 Web 前端开发也有 8 年多了，期间自然加过很多优秀的 Web 前端 QQ 讨论群，今天跟大家推荐一个传说中氛围最好的一个，而且其中很多牛人，那就是——鬼懿 IT

继续阅读

TAT.Kinvix Web 无障碍化之读屏软件 NVDA 使用指南
In 未分类 on 2012年10月18日 by view: 8,785
0

最近公司在推行 Web 网页的无障碍化，所以转载此文，很多国内互联网项目开始重视网页无障碍，开始更好的为视障用户提供更好的便利，这方面做的比较好的有腾讯 QQ、朋友网和 QQ 空间，还有淘宝网等。

然而平时测试并不是很方便，因为绝大部分读屏软件都是收费的。NVDA 是一个免费开源的读屏软件，而且做的很不错。所以它就是我们平时测试网站可用性的首选。

继续阅读

TAT.dmyang Chrome 小小插件——TabsRecorder
In 未分类 on 2012年10月17日 by view: 8,721
8

用途：关闭 chrome 之前，点击记录当前窗口打开的所有 tabs，当再次打开 chrome 时，点击插件可以恢复所有的 tabs

我们每天上班时，都会先打开自己定的咨询、邮件、文档等，尤其是来自各个技术群里发出来的网址，所以每天都会开很多个 tabs。但是毕竟我们是来上班的，上班是要干活儿的，干活儿就没法一一去细读打开的内容。很多时候在下班前，发现还有很多文章没读完，这些文章里可能还有很多干货没捡到。

继续阅读

TAT.iAzrael 【更新】iSpriter – 智能合并 CSS 精灵图
In 未分类 on 2012年09月30日 by view: 42,504
23

号外号外，iSpriter 更新啦！

什么？你不知道 iSpriter 是什么？那你太 out 啦，必须先看看这个文章了。简单的一句话介绍：基于 NodeJs 的开源 CSS 精灵图合并工具，不用改变原有的 css 编写方式，就能自动帮你解决 css sprite 的合并问题。目前源码托管在 github（https://github.com/iazrael/ispriter），欢迎各位同学来一起完善。

由于最初写的时候不怎么注意代码自量，写得比较搓。在应用在几个项目之后，修复了一些 bug，发现再加新功能比较困难。最近终于下决心重构了下，并在重构的基础上增加了一些新特性。

继续阅读

上页 1 2 3 4 5 6 下页