Mr.Zheng

【原创】做一个人性的演示教程

最近有身边的朋友在为自己做的产品录制一些简单的使用教程。为降低使用者的学习成本,让我们的产品变得简单易用,这是一件值得去做的事情,但是在教程的制作上面有多种选择,各有各的优点,也各有各的劣势,这里我就简单介绍一下我所了解的教程录制工具。 一、有声有色可编辑 通常而言,教程应该根据操作步骤,一步一步将使用过程录制成视频,并配以简洁明了的语音说明。这对于用户而言,学习成本最低、最容易理解。有很多软件可 […]

【原创】前端开发工程师到底是个什么物种?

当下,互联网行业发展如日中天,越来越多的传统行业开始投身互联网,越来越多的人开始了解互联网行业中的产业链关系。大势所趋,一个名谓:“互联网+”的概念诞生了,如今的互联网涉及生活的方方面面,包括购物、旅行、乘车、支付等等方面,可谓是深入人心,但这仅仅是一个概念。 (啊~~~不小心跑题了!!!) 回归正题。在互联网产业中有那么一群人,被冠以高大上的头衔,谓之:前端开发工程师,本文里指的是与网页设计相关 […]

【原创】CSS3中3D综合应用及分析

今天我要和大家一起来学习一个酷炫的鼠标Hover效果。主要将会涉及到CSS3中3D效果的使用,以及在实现过程中我们使用到的一些简单的转换算法,我会尽量以图解的形式让理论变得更容易理解。废话不多说,我们先看一下最终效果:Hover特效。打开连接,鼠标进入图片列表区域并移动鼠标,观察对应区域中内容浮层的变化效果,注意:请使用高级浏览器预览(推荐Chrome浏览器)。 预备 我们先来做一些预备工作,我们 […]

【原创】REM实战

前两天有个朋友问起关于rem的一些问题,让我有些在意。因为随着CSS3的逐渐成熟,在优雅降级/渐进增强原则的保障下,很多CSS新特性已经不在是试用特性,而是在Web设计中得到广泛推行和应用!而CSS3新增的单位rem也在其列,当朋友问起时,我才意识到自己对这个单位也并不是很了解,趁着周末有些闲暇时光,不妨给自己的大脑充充电。 定义 Equal to the computed value of fo […]

【原创】ZeroClipboard或许已经过去了

曾经,一个网页上要用Javascript实现网页内容的复制,其实是很麻烦的一件事情。虽然在这个问题上IE有其高大上的 window.clipboardData 方法支持直接复制指定内容,Firefox也早早的支持了 document.execCommand 命令,但是因为早期的Chrome不支持浏览器直接操作剪贴板,或者说不支持[crayon-5 […]

【原创】为何电商新人应该先去BAT镀金?

四年前,作为一个本科应届毕业生步入社会,开始在职场打拼。起初,只是觉得应该只是从一所大学进入另一所大学,没有什么区别。然而,经历了职场的竞争,工作的压力,商战的尔虞我诈,渐渐意识到现实社会的残酷,不再是那单纯的校园。 四年的工作经历,呆过大企业,进过小公司。切身体会到过,工作方式,开发模式,时间及项目管理上的各种差异。独立完成过大、小项目,也见过别人开发的各种项目,才渐渐意识到为何民间流传着这样的 […]

【原创】网页无图再不是梦想

一直以来,网页开发对优化方面做的工作从未停止。网页无图也是为了减少页面资源请求而提出的一种畅想。无可厚非在网页开发的历程中在网页无图方面我们已经取得了不朽的成就:从一开始零零碎碎的小图标资源,到后来小图标合并成一个图片出现雪碧图,再到后来Webfont的出现不仅可以取代雪碧图,而且彻底解决了图标管理难,变色实现麻烦的问题。今天我要跟大家介绍一个小工具,也是可以帮助实现网页无图这一终极目标。理论上来 […]

【原创】File杂谈——拖拽异步上传实现

在前一篇文章《File杂谈——拖拽上传前传》中我制作了一个静态的拖拽上传界面,拖拽文件到显示区域释放,可以显示拖入文件的基本信息。本文将在此基础上进一步加工,打造一个完整的拖拽上传示例。 示例说明 点击区域选择文件或直接将文件拖入区域,触发文件上传功能,文件将异步发送到服务器。待服务端处理完成后返回基本信息,在页面中显示。由于服务器容量问题,本示例未做文件保存处理,只是简单的将文件基本信息返回,文 […]

【原创】File杂谈——拖拽上传前传

在《File杂谈——初识file控件》一文中,我们已经对file控件有了初步的了解,并且对制作一个视觉和体验一致的file控件做了较为详细的说明,今天我们继续了解file控件的更多特性,并延伸出更多。 新增属性 在HTML5到来之前,绝大多数情况下使用file控件,我们前端工程师需要的有用信息都只能通过value属性获得的文件名字符串来获取(比如:文件类型、文件的直接名称等),这个很不方便,多文件 […]