标签:前端技术

css3.0

Magic CSS3 一款独特的CSS3动画特效包

1

zhangli 发布于 2018-03-23

Magic CSS3 Animations 动画是一款独特的CSS3动画特效包,你可以自由地使用在您的网页中。只需简单的在页面上引入 CSS 文件: magic.css 或者压缩版本 magic.min.css 就可以使用了。 效果及样式命名查看 ↓ http://www.jq2...

阅读(365)评论(0)赞 (0)

前端开发

移动端布局方法

zhangli 发布于 2017-07-21

这篇文章,主要是总结一下,我在移动端布局用过的方法。有三种,一种是响应式布局,利用@meida判断各个size;第二种是REM;最后是设置viewport中的width。 响应式布局 这种感觉是最好理解了,利用@media进行断点,在每个断点中编写css。 1 2 3 @medi...

阅读(503)评论(0)赞 (0)

APP设计

超实用!12 条提高产品可用性的动效设计原理(附案例)

12

zhangli 发布于 2017-06-06

本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理,每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子,顺手打开就能体验啦。 缓动(Easing)、偏移量和延迟(Offset & Delay)主要与时间相关。 父子关系(Parenting...

阅读(398)评论(0)赞 (0)

css3.0

用 CSS 实现三角形与平行四边形

7

zhangli 发布于 2017-06-05

最近在逛某个技术网站的时候,感觉文章关键词上的样式好酷炫啊。于是我将那种写法照搬到了我的博客中,也许最近逛过我博客的小伙伴已经发现了它出现在哪儿了——分页的样式。来张截图: 你在首页的底部也可以看到这样一个分页栏;是不是看上去还不错?下面就来看看这是如何实现的吧~ 第一种方法:利...

阅读(450)评论(0)赞 (0)

html5.0

Html5前端开发的未来发展趋势

zhangli 发布于 2017-06-05

WEB技术发展越来越迅速,HTML5的到来更是把WEB技术推向了巅峰,目前HTML5技术已经日趋成熟,不仅在PC段,HTML5更是在移动终端上也有广泛的应用,HTML5的未来十分光明,值得我们去学习。 一、简化的设计 在 2016 年,我们看到简化的设计得到广泛认可。事实上极简设...

阅读(399)评论(0)赞 (0)