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

其他技术

浏览器亚像素渲染与小数位的取舍

浏览器亚像素渲染与小数位的取舍

练小习 2个月前 (03-01) 0评论

在响应式项目中,百分比的数值的应用越来越多,比如栅格化布局、背景定位、内边距等。以往对于这种数值,我们大都是直接采用计算器计算出来的数值。但这种数值有时会很长,特别是除不尽的数值如23.33333333%。数据不美观不说,关键对于这种小数位的位数应该...

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

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

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

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

几种SVG图像的fallbacks

几种SVG图像的fallbacks

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

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

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

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

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

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

SVG图形绘制入门第一弹

SVG图形绘制入门第一弹

练小习 10个月前 (06-22) 1评论

之前很长一段时间,我是不重视SVG的,认为他就是在AI里画画,然后导出来做个矢量图标。直到我在上家公司遇到图表的绘制,因为不会写不得已而拿插件实现,而插件绘制的SVG代码又因为看着非常吃力甚至看不懂,导致自己严重受挫。到那个时候我才从基础正式开始学习...

[译]响应式图像

[译]响应式图像

练小习 11个月前 (06-08) 2评论

自从2010年Ethan Marcotte开始讨论响应式网页设计,开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ,因为我们对同一个网站在众多设备宽度下,使用同一图像源。你愿意在一个大显示屏上显示模糊地、马赛克状的图像?你愿意在...

在 Apache 上部署 Let's Encrypt 证书与自动续期脚本

在 Apache 上部署 Let’s Encrypt 证书与自动续期脚本

练习 1年前 (2016-04-23) 0评论

https实战,在 Apache 上部署 Let’s Encrypt 证书与自动续期脚本 作为一只菜鸟,对别人都已经掌握而自己却没有实践过的东西总是心痒难耐,这次我决定把个人博客迁到https,没有任何理由,纯是为了练手和学习。 Let&...

前端与视觉设计需要交流的几点问题

前端与视觉设计需要交流的几点问题

练习 1年前 (2015-11-26) 3评论

  在实际工作中,可能会由于设计师的经验不足,以及对前端技术的不了解,而产出一些对前端来说,无法实现,或者实现成本很高的视觉设计图。在这里罗列一下我所了解的各种视觉“不靠谱”的问题。 问题1:网页背景不能平铺,循环 问题描述:设计师设计了一个固定宽度...