最新消息:你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。

最新发布

带你轻松打开svg滤镜的大门
其他技术

带你轻松打开svg滤镜的大门

练小习 1个月前 (10-26) 0评论

上次和大家一起,用最简单直白,轻松粗暴的方式学习了一遍SVG动画,这次我们再一起来搞点不一样的东西,SVG滤镜的实现。 SVG滤镜绝对称得上是他最强大的功能之一,在不影响任何文档结构的前提下,允许你给你的矢量图形添加各种专业视觉效果,我个人给他的定义...

表格列的hover状态与选中状态
未分类

表格列的hover状态与选中状态

练小习 2个月前 (10-12) 1评论

组织表格列的交互状态一直是很头疼的事情,他不像行那样有天然的tr包裹可控,只有一个虚无缥缈的col元素可以操作,而且原生的col样式在操作的时候也是有各种坑。 在做表格的列的hover效果的时候,尝试了控制col用纯css,最终因为各种bug放弃,最...

CSS计数器 counter
表现

CSS计数器 counter

练小习 3个月前 (09-05) 1评论

适用场景: 当排序以及序号变动对服务端造成的压力大的情况下,使用css计数。 在早期,只有ol和ul可以对子元素li进行排序,,而CSS2.1规范中加入了counter这一属性,配合伪元素:before、:after中的content使用,便可以对指...

ios下滚动条默认显示
表现

ios下滚动条默认显示

练小习 3个月前 (09-02) 0评论

研究这个问题的背景: 众所周知,ios下垂直和水平滚动条都是默认不出现,用户滑动时,才显示,滑动结束以后,又隐藏滚动条。 横向滚动条默认隐藏,用户很可能会忽略右侧被隐藏的部分,由于模块的特殊性,让滚动条默认出现是成本的小的处理方案。 因此就有了让滚动...

css单边投影与双侧投影
表现

css单边投影与双侧投影

练小习 3个月前 (08-28) 0评论

早晨在前端交流群里,有个朋友问css实现单侧投影的办法,因为这个朋友前几天刚发过照片,晒他买的csssecrets,我问他你书买来还没看吗? 他说来不及翻书了,项目比较急上来问一下。 我顿时觉得真是暴殄天物了。看到下面有几个人都在问,于是直接写了几个...

几种SVG图像的fallbacks
其他技术

几种SVG图像的fallbacks

练小习 4个月前 (08-17) 0评论

在网页前景图像的使用上,针对不同像素比的屏幕,常规的做法是使用2X 3X的图像。 一些特定场景可以使用SVG来完成,因为他的矢量特性,不需要再针对更高的像素比出多套图片。 而使用svg必然要因为兼容性等因素考虑好fallbacks,常用的有几种方式:...

浏览器工作原理分析与首屏加载
其他技术

浏览器工作原理分析与首屏加载

练小习 4个月前 (08-15) 0评论

前言 谈到浏览器原理的分析,在网上影响最大的一篇文章莫过于以色列开发人员塔利·加希尔的研究成果。文中详细的描述了Webkit和Gecko两个浏览器引擎的工作原理,对其中涉及的算法和原理也进行了分析。 英文访问地址:How Browsers Work:...

比例字体&等宽字体
表现

比例字体&等宽字体

练小习 4个月前 (08-12) 2评论

我们都知道等宽字体和比例字体的区别,就在于比例字体(Monospaced Font)即每个字母宽度是按一定比例自动调整的,而等宽字体(Proportional font)则是固定宽度,固定间距,字体的每一个字母和字符所占的水平空间都是相同的。 比...

制作高大上的Canvas粒子动画
表现

制作高大上的Canvas粒子动画

练小习 4个月前 (08-03) 2评论

制作粒子动画效果要解决两个问题:一个是粒子动画轨迹,另外一个是粒子执行动画的时机。 首先来看下我们准备要做的粒子动画效果是怎么样的~ 是这样(粒子漂浮): 或者这样(粒子轨迹动画): 甚至是这样的 ಠ_ಠ: 很酷炫! 那如何去实现类似上面的粒子...