Clik here to view.
《Sass for Web Designers》之Sass的用法
本系列由zEx根据DAN CEDERHOLM的新书《SASS FOR WEB DESIGNERS》所译，整个系列共分四章，整个译文带有我们自己的理解与思想，如果译得不好或有不对之处还请同行朋友指点。如需转载此译文，需注明原作者相关信息。——作者：DAN...
View ArticleClik here to view.
《Sass for Web Designers》之Sass和媒体查询
本系列由zEx根据DAN CEDERHOLM的新书《SASS FOR WEB DESIGNERS》所译，整个系列共分四章，整个译文带有我们自己的理解与思想，如果译得不好或有不对之处还请同行朋友指点。如需转载此译文，需注明原作者相关信息。——作者：DAN...
View Article征集书名
前言为什么写这本书本书面向的读者本书的特色本书的内容如何阅读本书浏览器本书中使用的约定代码示例联系作者致谢本书涉及到的每一个CSS3的属性，都将通过以下的方式来进行阐述：属性语法、属性参数、浏览器的兼容性。介绍属性的理论知识点，再通过实例来巩固理论知识，而且我们的案例都是通过“案例效果”、“案例分析”、“案例实现”、“与CSS2方法对比”几个步骤来完成。第1章：揭开CSS3的面纱简单的介绍了什么是C...
View Article响应式设计：响应图像
本文由Spy根据Annarita Tranfici的系列教程《Understanding Responsive Web Design》之一《Understanding Responsive Web Design: Responsive...
View ArticleClik here to view.
12个很少被人知道的CSS事实
本文由大圆根据Louis Lazaris的《12 Little-Known CSS Facts》所译,整个译文带有我们自己的理解与思想，如果译得不好或有不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.sitepoint.com/12-little-known-css-facts/。——作者：Louis...
View ArticleClik here to view.
[上海线下活动] 《产品经理三分钟》报名开始啦
活动主题：互联网让我们从工业文明走向了信息文明， 从工业经济走向了知识经济，——“平等、开放、互动、迭代、演化“。互联网时代最具代表性的精神就是分享，一个人自已有了积累，愿意拿出来和大家分享，帮助更多的一人一起成长，这就是互联网精神。五月是播种收获的季节：PM产品经理_研究小组93802865群成立5个月了，这次我们想换个方式换种思维，组织一次大家一起线下认识-交流-分享，...
View ArticleClik here to view.
使用CSS3 Gradients创建图片占位符
本文由大漠根据Nico Hagenburger的《Use CSS3 Gradients to Create Placeholders for...
View ArticleClik here to view.
利用jQuery和CSS实现环形进度条
最近项目里遇到一个有意思的效果，那就是圆形进度条，类似于这样的：demo1demo2实现类似这样的效果方法很多。我主要想了2个解决方案，都是通过jQuery和CSS实现的，下面就一一道来：方法一：jQuery + CSS3实现原理原理非常的简单，在这个方案中，最主要使用了CSS3的transform中的rotate和CSS3的clip两个属性。用他们来实现半圆和旋转效果。半环的实现先来看其结构。...
View ArticleClik here to view.
Clik here to view.
Ratchet教程：meta与link标签
通过《Ratchet教程：安装》一文，大家对Ratchet有了一个初步的了解。那么从这一节开始，我们一起来开始实战。通过实战来更好的学习和了解Ratchet，更希望学习了Ratchet之后，大家在制作移动页面的时候可以高呼“so easy!”如果你看了上篇的文章介绍，可以清晰的记得里面有一个简单的模板：<!DOCTYPE html> <html> <head>...
View ArticleNode-Webkit配合HTML5实现拍照功能
因工作原因，最近在使用Node-Webkit做一个桌面高拍仪（摄像头）应用。这个应用本身也只是一个尝试性的东西，不太具有参考价值，就不在这里提供下载了。使用的知识点：navigator.getUserMediaMediaStreamTrack.getSourcesNode.JS相关涉及到的一些不常见却必须的方法或属性...
View ArticleClik here to view.
Ratchet教程：自动化部署与组件概览
今天是关于Ratchet教程中的第三篇。在正式表这篇文章之前，首先要非常感谢好友@文彬提供这么优秀的教程。下面我们跟随文彬的教程往下了解。ratchet是一个移动框架，可以用来快速搭建移动项目。本文将介绍grunt服务器搭建，ratchet组件的使用。如果您从未接触过Grunt相关知识，可以先了解一下Grunt相关的技术。——@大漠项目文件ratchet的项目文件如下ratchet/ ├──...
View ArticleClik here to view.
Ratchet教程：创建项目
通过前面几篇Ratchet教程的介绍，我想大家对Ratchet有一定的了解，或许都蠢蠢欲动，想自己动手制作一个移动项目出来。是的，我也有这样的冲动，刚好五一这几天以Ratchet框架为基础，帮朋友处理了一个移动端的项目，今天我就以主站W3cplus为例，整一个移动端的W3cplus。废话我就不多说了，我们就开始一起实战吧。创建项目在我的电脑中，我将移动项目都放置在一个叫mobile的文件夹中，那么这...
View ArticleClik here to view.
Ratchet教程：构建自己的顶部Bar
如果你有跟着《Ratchet教程：创建项目》一文走下来，你已成功的完成了使用Ratchet框架构建移动端项目。接下来就是在这个项目中添加自己需要的内容。那么今天我们要做的就是：构建自己的顶部bar。假设你的标题栏有这样几种设计效果：download上图是从网上找来的，不总共是几种不同的设计方案，当然在一个项目中不可能使用这么多种不同的色系。接下来的示例中，我将所有效果都拍平了，而且采用第一种色系。同...
View ArticleClik here to view.
Source Maps 101
本文由韩聪根据Sayanee Basu的《Source Maps 101》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://code.tutsplus.com/tutorials/source-maps-101--net-29173，以及作者相关信息。——作者：Sayanee...
View ArticleClik here to view.
Ratchet教程：构建自己的底部Bar
在《Ratchet教程：构建自己的顶部Bar》一文中详细介绍了如何依赖于Ratchet框架，构建属于自己的顶部Bar。在上一篇文章中说过，Ratchet框架除了顶部Bar之外，还有底部Bar和标准Bar。在实际开发中，也常常需要制作底部Bar。在这篇文章中，我们依旧借助Ratchet框架，构建一个自己需要的底部Bar。比如下图中的第一个设计风格：download在这篇教程中，主要会以四个示例为基础向...
View ArticleClik here to view.
Clik here to view.
Ratchet教程：自定义列表(二)
在上一篇教程——《Ratchet教程：自定义列表》中介绍了如何依赖于Ratchet框架构建属于自己的列表。比如常见的“纯文本列表”、“带图片的列表”、“带提示信息的列表”以及“带箭头的列表”等。但我们很多时候列表不只这些风格，比如说带有Icon图标的列表就是常见的一种，比如说带有按钮和切换开头的列表等。download带有Icon的列表那么在今天这篇教程中我主要想和大家一起探讨这几种风格的列表制作。...
View ArticleClik here to view.
学习MongoDB心得
前言其实写这个 MongoDB心得的初衷和我当年整理的 js大脑图比较一致,而且确实对于我个人而言，每个时间段还是希望要有一些整理性质的东西输出出来，分享给需要的人。这个系列题目和我自己目前在写的 yc (a fancy node develop platform)...
View Article招聘前端工程师
薪资待遇：8k-10K，13薪，五险一金，工作机macbook pro岗位职责：根据产品文档开发高性能、高兼容性的前端代码；在产品开发中提供完善的前端技术方案，并配合后端及技术完成开发工作；评估、优化网站前端性能；配合团队完成项目开发。任职要求：...
View Article