You found Nikaple!

由于众所周知的原因，strikingly服务在国内并不可用，取而代之的是的本地化版上线了。这里暂时搬运了一个静态版的网页过来（无法留言/分享，只能看hhh，等有时间了再把请求转发写了吧） 源地址：http://sprspikeup.strikingly.com 托管地址：https://nikaple.com/sprspikeup 大家快去下载刺er的游戏好好享受（被虐）吧！ 阅读全文…

拖拽功能上回我们已经构建了基本界面： 终于到JavaScript出场的时候了！首先观察一下我们的组件，滑块的交互方式其实可以看为仅在x轴方向上运动的色盘交互方式。于是我们首先建立一个可拖动对象的类DragContext： 阅读全文…

使用 Chrome DevTools 做开发的同学应该都知道，Chrome 开发工具中的取色板简直是网页设计时神一般的存在，不仅可以实时预览页面样式，配合插件还可以直接保存到本地，可谓 debug 一把手。今天就来试试用原生 JS 还原一个取色板吧！DevTools 取色板预览： 阅读全文…

前两天在 Youtube 上看视频时，无意间发现视频播放器的播放暂停切换按钮动画十分流畅，于是就想试着用 CSS 仿制一下，先上效果图： 等等，暂停按钮可以用border-left与border-right实现，播放的三角形也可以用边框实现，这岂不是骗小孩子的把戏？于是乎没几分钟，我们就可以写出这么一个实现： 阅读全文…