出版作品

《CSS世界》,是一本深入系统介绍CSS知识的一本书。
本书两个特点,一是深入,二是体系。“深入”指本书内容全部都是大多数前端不知道的知识点,这就决定了本书内容的稀缺性,其中有一半左右内容是博客中未提及的。“体系”指本书不是东拼西凑扶烂泥上墙的那种作品。以自己对CSS的世界观认识非常系统介绍CSS相关知识,便于大家从更宏观层面认识CSS这门语言。
本人工作这么多年,没做管理,一直奋斗在前端一线,因此不是权威指南那种干巴巴的知识,都是从实践角度出发进行剖析和阐述,可以直接落地于生产开发的CSS知识。同时,常年写作历练使得自己知道该如何把深入的知识通过通俗易懂的方式表达出去,因此,虽然本书内容偏深入,但理解起来却比较容易。
购买:
我的订阅
百度Web前端研发部
淘宝前端团队
腾讯CDC
好文推荐
-
ECMAScript 6.0(简称ES6),作为下一代JavaScript的语言标准正式发布于2015 年 6 月,至今已经发布3年多了,但是因为蕴含的语法之广,完全消化需要一定的时间,这里我总结了部分ES6,以及ES6以后新语法的知识点,使用场景,希望对各位有所帮助。
-
其实即便让我借助 Javascript ,我的第一反应也是,感觉很麻烦啊。所以我一直在想,有没有可能只使用 CSS 完成这个效果呢?
-
如题,都整理成文章了。
-
如果能够坚持自己感兴趣的方向,并且将当下的学习热情一直持续下去,一定会有不错的结果,然而世事多舛,总是难免会遇到一些变数,怀疑了自己,犹豫了方向,耽误了前程。
-
本人在双十一期间,做的一个移动端互动项目中,遇到一个在 App 、微信、H5页面环境切换选择音频播放的功能,在测试的时候出了不少兼容性问题,这里有很多值得探索的知识,今天我们就来看一下这个 HTML5-Audio。
工作机会
阅文集团
-
web前端开发(用户体验方向)(上海/北京)
设计类岗位职责
- 负责移动终端平台基于HTML5与CSS3特性的页面重构和相关研究等工作。
任职要求
- 社招,应届生和刚毕业不久的不在考虑之列;
- 非本科以上学历,需要直观体现出能力足够突出;
- HTML/CSS基础扎实,对上层工具使用并不在意;
- 代码习惯要好,团队协作意识强,例如做完项目一定会写好使用文档;
- 对页面布局、色彩搭配、交互设计、信息架构和用户体验有较深刻的认识;
- 有上进心,主动学习,有探索求知欲,勇于挑战自己。
-
前端开发工程师(上海)
技术类岗位职责
- 前端开发相关工作,偏后。
任职要求
- 因本岗位目前人员已满,故要求较高,需要本科以上学历,计算机相关专业背景,工作年限3年以上以及工作背景都要比较突出;
-
交互设计师(上海/北京)
设计类岗位职责
- 负责Android、IOS客户端及Web产品的交互设计;
- 负责触屏类产品的交互设计;
- 编写设计思路和交互设计规范等文档。
任职要求
- 人机工程、认知心理学、计算机、工业设计或相关专业本科以上学历;
- 2年以上页面交互设计经验,有Web/App成功案例;
- 具备手持设备经验者或用户研究经验者优先;
- 对业界最新的交互应用有深入的见解;
- 熟练运用交互设计各种方法,对交互设计理论有较深的了解和认识;
- 良好的沟通能力,善于对设计的表达,具有良好的团队协作精神;
- 勇于接受挑战,善于自我激励,具有强烈的学习的热情和进取心;
- 好奇心,快速学习,强逻辑,强沟通,英语阅读能力;
- 可用性思想,互联网行业知识,商业和战略思考;
- 热爱设计,喜欢阅读。
-
视觉设计师(上海/北京)
设计类岗位职责
- 负责Android、IOS客户端产品的UI视觉设计;
- 负责触屏类产品的UI视觉设计;
- 编写设计思路和视觉设计规范等文档。
任职要求
- 工业设计、平面设计、广告设计等相关专业本科以上学历;
- 视觉设计领域2年以上工作经验,具备客户端产品设计经验;
- 对互联网产品有深入体验经验和理解;
- 优秀的视觉设计能力,熟练使用Photoshop、Dreamweaver、Illustrator、flash等软件;
- 具有界面风格设定的能力,并了解一定前端相关知识;
- 认真细致,善于创新,对视觉设计、色彩有敏锐的观察力及分析能力;
- 良好的沟通能力,善于对设计的表达,具有良好的团队协作精神;
- 勇于接受挑战,善于自我激励,具有强烈的学习的热情和进取心。
-
PHP开发工程师(上海)
技术类岗位职责
- 协同完成网站的技术架构设计;
- 配合项目经理做好网站项目需求分析、方案设计等工作;
- 根据项目需求及开发规范,独立完成代码编写工作;
- 根据项目测试及上线反馈,及时完成代码修改调整工作,保证项目按时发布;
- 与项目经理沟通,实现数据的存取和转换逻辑;
- 配合使用各种缓存,提高程序执行性能;
- 维护团队共用的PHP基础类库;
- 协助设计数据存储结构及系统架构;
- 相关开发文档的整理与编写。
任职要求
- 2年以上PHP编程经验,有大型互联网项目工作经验、有thinkphp框架使用经验的优先;
- 精通PHP/MySQL开发,精通JavaScript及其浏览器兼容性,熟悉Linux系统;
- 具有MySQL索引优化、查询优化和存储优化经验、PHP缓存技术、静态化设计方面的经验;
- 必须拥有良好的代码习惯,要求结构清晰,命名规范,逻辑性强,代码冗余率低;
- 思维严密,上进心强,能吃苦耐劳,良好的执行能力,对互联网充满热情;
- 有分布式、集群、高并发、高负载、高可用系统开发经验优先。
-
服务端开发工程师(上海)
技术类岗位职责
- 负责起点全站后端的开发和维护工作;
- 根据开发进度和任务分配,完成相应模块软件的设计、开发、编程任务;
- 根据公司技术文档规范编写相应的技术文档;
- 负责解决开发过程中的技术问题,及系统日常维护。
任职要求
- 本科以上学历,计算机相关专业背景;
- 熟悉TCP/IP、http协议,了解socket开发;
- 熟悉MySQL等主流数据库的设计和开发;
- 熟悉Redis、MemCached、MongoDB等缓存或内存数据库;
- 具有良好的理解领悟能力、沟通能力和团队协作能力,积极主动学习,乐于承担工作压力。
-
产品经理(北京/上海)
产品运营类岗位职责
- 阅文集团旗下产品的策划及设计。
任职要求
- 本科及以上学历,社会学心理学管理学优先考虑;
- 互联网或移动互联网产品经理2年以上工作经验;
- 产品策划、产品运营的综合能力;
- 良好的沟通能力和执行力,善于团队合作。
阅文集团薪资福利和腾讯总部齐平,有意者邮件zhangxinxu#yuewen.com
腾讯集团
-
3D视觉设计师(上海)
任职要求
- 擅长3D造型,有良好的美术基础;
- 有角色和场景设计鹰眼;
- 擅长手绘、动画,能力全面者可加分;
- 超强的解决问题的能力;
- 对设计与创新工作又热情、有责任心。
-
人像修图师(上海)
任职要求
- 擅长人像后期与照片修图;
- 良好的人像审美;
- 和Photoshop专业打交道;
- 爱学习、爱分享、有热情、有责任心。
-
交互设计师(上海/深圳)
任职要求
- 理解并掌握体验设计的技能和方法,有iOS、Android或Windows平台熟练设计经验者优先;
- 能够全面分析并抓住核心用户需求,结合商业价值和技术,提出完整有效的解决方案;
- 熟练并钻研工具、方法,并能通过高保真Demo演示方案;
- 熟悉互联网产品研发全过程,有基本数据分析能力;
- 对互联网产品具有强烈的兴趣,对某一领域有深入地理解;
- 能够总结并运用先进的设计思维、方法论;
- 工业设计、计算机或人机交互相关专业本科以上学历优先。
- 人机交互、认知心理学、社会学、统计学、市场营销或计算机相关专业本科以上学历优先。
推荐就职:腾讯ISUX设计中心,简历至zhangxinxu@zhangxinxu.com,需提供作品
资源与应用
在线文档
- CSS3中文共享参考指南
放心,会更新的。
- Canvas API中文文档
全新书写的Canvas API中文文档。
- Snap.svg中文文档(独家翻译)
SVG届的jQuery。
- stylus中文版参考文档(独家翻译)
基于Node.js的CSS预编译工具。
在线小工具
- SVG在线压缩合并工具
以svgo为底层技术,绝赞。
- CSS在线压缩工具
没想到还挺有用。
- 任意文件转base64
打开是空白页面,任意文件拖进来即可。
- 转义HTML、TAB空格及缩进对齐
写文章,写文档,代码粘贴必备。
- 任意字符转换成HTML识别格式
本质是计算字符charCode值。
- 二维码在线生成
界面简洁,纯前端,速度快,尺寸可定制。
- GIF表情在线生成
可以在线制作GIF表情。
- 电影工业级别照片调色工具
基于电影工业级别的3D LUT滤镜实现照片调色效果。
我的开源项目
-
mobilebone-页面过场UI框架
适用于移动web APP, Hybrid混合APP, Phonegap开发, 无兼容要求单页PC应用等。官方网站:http://www.mobilebone.org
-
ieBetter.js-IE6-IE8具有IE9同样的API
IE6-IE8具有IE9同样的API,例如querySelector选择器,addEventListener事件等。