16.总结篇:玩转css艺术之美
前言
首先感谢各位同学购买并支持本小册,这是笔者第一本小册。因为是笔者首次写书,难免会存在一些不好的地方,若各位同学在阅读过程中发现可改善的地方请在下方评论提出建议,笔者会认真采纳并提升小册的体验质量。
为何创作本小册呢?其实还是要从自身说起,笔者有着弃医从码
的经历,转行时完全靠自学,无任何计算机基础的我只能依靠自己的兴趣作为驱动力,很长一段时间每天只睡6小时,实习之余都是在自学。当然CSS就是笔者转行前端的第一门课程。当初对JS不感冒,怎么看都不顺眼,就是不会。对于CSS而言,笔者居然看懂且还会编写,就这样一段时间后完全迷上CSS,导致前期的学习笔记几乎都是CSS。每天沉浸在CSS的各种论坛和博客上,逐渐培养出一种能使用CSS实现的效果都优先使用CSS的习惯。直到现在笔者还是保持着这个习惯,这样也是对自己CSS编码能力的一种检验。
小册主题内容是CSS神操作骚技巧
,是一本几乎纯讲CSS的电子工具书。由于笔者很喜欢CSS,每天都会花至少1小时
的时间钻研一些比较偏门少用的CSS技巧,探究其实现思路与使用场景。当然笔者也很愿意与各位同学分享学习到的知识,所以才花了大半年时间选题
、写作
、编写示例
、录制动图
和开源源码
,最终产出本小册。
总结
到了终章,依笔者的习惯肯定会再来一波总结,废话不多说,以下是本小册的重点内容。
工具网站
- CssTriggers:CSS触发
- CubicBezier:贝塞尔曲线
- Flexbox:Flex布局
- StatCounter:浏览器统计
示例源码:目前包含
90+
个CSS效果- 组件:34
构建工具
直接点击链接可跳转到对应内容,建议各位同学克隆一份源码,每个示例都集合了多种CSS技巧,闲时翻看源码相信会有更多不一样的收获,喜欢CSS的顺手一个Star哟,让更多同学关注CSS技术从我们做起。
结语
本小册是掘金社区首本也是目前唯一一本CSS技术方向的小册,所有内容提炼于笔者从事多年前端记录和整理的学习内容,内容不在多而在精。笔者曾经想过把这些内容写成一本15万字的纸质书,可是这很花时间,经常看书的同学都知道,一本书里废话起码占三分之一,因此笔者才将其写成小册。
因为掘金小册很符合笔者的初衷,内容不在多而在精。笔者敢说整本小册无任何一句废话,都是笔者从业多年的工作经验和实战经验,笔者也希望通过这样的方式去分享自己学习CSS的历程。
以下是小册内容的依据来源,都是笔者多年对CSS的学习和研究而形成的一份记录。感兴趣的同学可关注与收藏,实时了解笔者对CSS学习的动态。
JowayYoung个人官网:CSS代码占比达到40%的个人官网
纯CSS创意专辑:糅合个人原创与收集的纯CSS效果,每周更新
1~2
个CodePen:
300+
点赞量和12万+
阅读量灵活运用CSS开发技巧:
4000+
点赞量和12万+
阅读量
最后笔者想打一个小小的广告,若你想了解更多CSS/JS开发技巧
,推荐关注笔者的公众号IQ前端,一个专注于CSS/JS开发技巧
的前端公众号。笔者会分享前端各种开发技巧,与各位同学一起学习。