2018-03-12 刺er的作品集 由于众所周知的原因,strikingly服务在国内并不可用,取而代之的是的本地化版上线了。这里暂时搬运了一个静态版的网页过来(无法留言/分享,只能看hhh,等有时间了再把请求转发写了吧) 源地址:http://sprspikeup.strikingly.com 托管地址:https://nikaple.com/sprspikeup 大家快去下载刺er的游戏好好享受(被虐)吧! 阅读全文…
2017-10-07 原生JS实现一个Chrome DevTools取色板(下) 拖拽功能上回我们已经构建了基本界面: 终于到JavaScript出场的时候了!首先观察一下我们的组件,滑块的交互方式其实可以看为仅在x轴方向上运动的色盘交互方式。于是我们首先建立一个可拖动对象的类DragContext: 阅读全文…
2017-10-03 原生JS实现一个Chrome DevTools取色板(上) 使用 Chrome DevTools 做开发的同学应该都知道,Chrome 开发工具中的取色板简直是网页设计时神一般的存在,不仅可以实时预览页面样式,配合插件还可以直接保存到本地,可谓 debug 一把手。今天就来试试用原生 JS 还原一个取色板吧!DevTools 取色板预览: 阅读全文…
2017-06-18 纯CSS实现Youtube视频播放按钮动画 前两天在 Youtube 上看视频时,无意间发现视频播放器的播放暂停切换按钮动画十分流畅,于是就想试着用 CSS 仿制一下,先上效果图: 等等,暂停按钮可以用border-left与border-right实现,播放的三角形也可以用边框实现,这岂不是骗小孩子的把戏?于是乎没几分钟,我们就可以写出这么一个实现: 阅读全文…