
获得徽章 0
- #视差滚动特效
(据不可靠推测) 视差滚动特效第一次出现在2014年,如今我们在很多网站上都可以看到它的身影。它的原理是通过前景与背景移动速度的差别,营造出一种奇妙的视觉体验。视差滚动一般分为两种:一种是前景和背景都动,但是前景比背景动得快(见图1);还有一种是只有前景动,背景不动(见图2)。
第一种(图1)既可以通过js实现,也可以通过css 3d transform实现。js实现的兼容性比较好,css实现的性能比较好。
第二种(图2)主要通过background-attachment: fixed实现,比较简单。
图1的Demo+源码:codepen.io
图2的Demo+源码:codepen.io
扩展阅读:keithclark.co.uk
pixelcog.github.io
展开评论49 - 这里推荐一网络安全的教程:
www.hacksplaining.com
它和其它教程不同,它是以一个黑客的角度将你带入,它配套了十几个小demo,一步一步带你发现各种各样的安全漏洞。因为这些demo都是交互式,玩起来很带感。4222 - 昨日在 Twitter 上看到一个特别有趣的前端开发技巧,在此分享一下。
在我们平时调试前端页面或做教学演示时,为 HTML 的 style 标签简单设置几个属性,即可达到自动刷新页面样式的效果,看完实在佩服作者的脑洞twitter.com
展开345 - 分享一个非常棒但是被忽略了的学习资源,lynda.com。lynda 最近被 LinkedIn 收购了,可见质量不错的。除了自己生产优质内容,Lynda 还会从 Packt 和 Frontend Masters 等渠道引入内容。我一开始就是在 Lynda 上学怎么用 OmniFocus,很偶然发现了 Frontend Masters,然后入坑了。最近不务正业学 Java 又回来这里学习了展开660
- 在小公司,勉强算技术负责人,我在公司推崇团队拥抱新技术,新框架,倒不是因为盲目追求新技术,只是经过衡量,新技术确实可以解放生产力,但是很多人觉得能用就行,为啥要学新东西,学新技术难免做项目时间周期要长,但是也不能太长,这就可能涉及到隐形加班(隐形加班是指学习新东西,不是做项目,可以在公司,也可以在家)
ps:我的初衷并不是为资本家赚钱,只是觉得干IT这一行,如果公司不推崇新技术,那以后跳槽也很难跳槽好公司,另一方面,新技术不运用到业务中,也很难发现新技术的短板展开1228 - 近些天,Github 官方开源了适用于「个人主页」场景的 Jekyll 主题:
github.com
我的个人网站已经使用上啦:nekocode.cn
因为官方最新的代码仍有一些问题尚未解决(例如 code block 里的内容无法换行),所以我个人根据其他开发者的 PR 做了些修改,并且添加了些功能(按 Star 数排序 or 固定展示)。
我更改过的源码托管在github.com 上,喜欢这个主题的可以参考下我的源码~
展开218