泱泱

因为近期接触了一点嵌入式开发，需要的图片资源格式和以往接触的移动及web开发差别比较大，才有了下面这篇文章。因为比较晦涩，不需要的就可以绕行了。 首先明确一点，图像深度就是色深Color Depth。关于色深和位深Bit-depth，查了很多资料，众说纷纭，有说色深是存储每个像…

这是在做一个呼吸灯动效时遇到的问题，就是如何给SVG的图形元素加上一些阴影的效果，比如外发光，比如内发光，比如投影，之前也有困扰，但是因为没到非解决不可的程度，所以就暂时搁置了。对于发光这种效果，对于CSS3来说，很简单的事情，一个box-shadow属性可以解决所有问题，我曾…

因为平时也关注网易UEDC的订阅号，前几天就看到了这么一个动效，主题是《网易云音乐2018年度听歌报告》，内容是一个人在努力蹬车因为构图简单，创意又不错，所以就试了下用SVG+CSS动画实现起来的难度，大概费时两个小时左右，效率还是蛮高的，总比用AE实现起来快的多得多，下面就捋…

JavaScript总算入门了，复杂的就先不来了，今儿牛刀小试，先来一个系统同步的时钟效果，只用到最简单的获取系统时间的函数。因为学习是需要正反馈的，否则总也看不到效果，难免失了深入下去的兴趣。在之前的一篇专栏文章《利用CSS3的animation step属性实现wifi动画…

由于参与桌面端开发的项目极少，大多数可爱的攻城狮们又都会选择自带的组件和图标，所以从来没有深入研究过ico格式的图片有什么特点。但这次，遇到一个项目需要使用自定义的ico图标，因为以前使用这种格式的场景很少，所以就天真的以为相同样式但不同尺寸的ico是由对应尺寸的png（或其他…

大概有多久没有更新专栏文章了。半年？下半年忙到起飞，或者毫不夸张的说是发射？仅有的一点个人时间，上半年贡献给了Python，现在差不多已忘掉了七七八八（一首《凉凉》送给自己），下半年贡献给了JavaScript，终于鼓起勇气系统的开始学习JS了（换台，梁静茹《勇气》走起）。本来…

在受到SVG+CSS3动画仿作草莓音乐节宣传视频的伤害后，一直想找个简单唬人的东西做一做来平复一下悲愤的心情。翻了下收藏夹，找到了一个珍藏了很久的存货，三十种濒危动物的碎片动画效果。有时候，很多创意来自于别人，别不承认，戳戳看，很惊艳 。以前写过CSS3实现lowpoly动画效…

题目有点绕，源起最近一个项目中所需的一枚loading图标。SVG+CSS3动画做了那么多，真正应用在项目中的机会少之又少，所以，抓住一切机会，即使loading也不能放过，用系统自带菊花有辱我这一年的修炼。在最后完美做成的过程中，解决了两个问题，第一，是非等粗交叉路径的描边动…

这是从2018“草莓音乐节”的宣传视频得到的灵感，海报的主题是错位拼贴分割重组，对我这种设计渣渣而言，看中的是其平面化，也就是说，用SVG+CSS3动画完全可以玩转。因为只涉及一些基础元素的位移、缩放构成的转场效果，相对来说比较简单，但创意很开脑洞。因为宣传视频比较长，所以把它…