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

最新发布 第2页

练小习的前端技术笔记

布局响应式方法:dispaly:table-*分组系列
未分类

布局响应式方法:dispaly:table-*分组系列

练小习 7个月前 (07-07) 0评论

介绍之前先看个常见的两栏图文介绍模块,宽屏是左边是图片右边是文字,或者左边是文字右边是图片。到窄屏下图片统一在上方,文案在下方。响应式效果如下: demo 通常我们为了实现上面设计的响应式需求,为了支持窄屏下图片统一在上方,会把上下两行的图片和文字代...

渲染放大的图片image-rendering笔记
表现

渲染放大的图片image-rendering笔记

练小习 7个月前 (06-29) 2评论

image-rendering: pixelated,控制浏览器如何渲染放大的图片,比如图像的自然尺寸为100×100像素,但网页指定其尺寸不为100*100像素时,关闭浏览器标准的平滑缩放(通常为双线性内插法),使用其他算法(通常为最近邻法)。使用...

SVG图形绘制入门第一弹
其他技术

SVG图形绘制入门第一弹

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

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

移动端全兼容的flexbox速成班
表现

移动端全兼容的flexbox速成班

练小习 7个月前 (06-17) 1评论

说起flexbox,都算是件陈年旧事了,它是2009年W3C提出的一种全新的可伸缩的CSS布局方式。依赖flexbox,我们可以更简单,高效的完成可伸缩式页面的布局。 业界与flexbox的相关教程文章也是各式各样,新旧交替,很多小伙伴对flexbo...

[译]响应式图像
其他技术

[译]响应式图像

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

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

带你轻松打开SVG动画的大门
表现

带你轻松打开SVG动画的大门

练小习 8个月前 (06-07) 2评论

初学SVG的时候,感觉那一坨一坨的代码难读难懂,现在回过头仔细想想,是因为那时候看文档缺少一些具体的实例,导致学习起来很枯燥。如今SVG已经在前端各个领域都有所作为,无论是项目里的应用还是demo都所处可见,这里我就用一个实例的写法带新同学轻松的打开...

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

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

练习 9个月前 (04-23) 0评论

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

模拟微信支付宝密码输入框的效果
表现

模拟微信支付宝密码输入框的效果

练习 1年前 (2015-12-10) 0评论

中午听到别人在讨论微信的支付框以及支付宝的支付框,于是自己写了个demo出来,原理很简单,通过隐藏input,使用label控制显示,实现起来很容易。唤起数字键盘采用了tel的type。 在线演示地址: 源码如下: <!DOCTYPE h...

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

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

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

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