控制台美女

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

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

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

什么是 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 有所了解, 但为了扫盲, 我们还是多少介绍一下背景。

       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 。

 

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

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

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

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

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

TAT.dmyang Chrome 小小插件——TabsRecorder
In 资源工具 on 2012年10月17日 by view: 8,421
8

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

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

号外号外,iSpriter 更新啦!

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

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