mobile

移动端重构实战系列5——form元素

表单是网页中重要的元素之一,也是人机交互的重要部分之一。不管哪个轻型或重型的库都离不开表单的制作,同样在Sheral中也提供了有关于Form元素部分的内容。感兴趣的同学,请阅读全文,慢慢体会。

移动端重构实战系列4——进入离开动画

动画一直以来都是一个很有意思的课程,不管是在PC或者说移动端使用的频率越来越高。那么在这篇文章中主要向大家介绍的是有关于进入离开的动画制作细节,感兴趣的同学继续往下阅读。

移动端重构实战系列3——各种等分

前面两节介绍了移动端重构中的基础知识和列表相关的知识,在这一节中主要介绍有关于等分的知识,而且文章从不同的角度分析了等分的实现方案与各种细节。

移动端重构实战系列2——line list

这个line list的名字是我自己起的(大概的意思是单行列表),要实现的东西为sheralline list,对应的scss组件为_line-list.scss,下图为line-list的一个缩影。

移动端重构实战系列1——基础知识

距离上个移动端重构系列已是两年了(不得不感叹时间是把杀猪刀)。这次将会带来实战系列,将欠下两年的债现在还上,给七年的重构赋予一次新生。既然是新的开始,先简单说下这个系列要用到的一些技术吧。同时也是对移动端重构一些技术的一个简单回顾。

移动端重构实战系列0——sandal 和 sheral

简单来说,sandal是基于Sass的一个移动端css的基础库,提供了一些基础的重置,常用的mixin,如flex布局,等分,水平垂直居中,常用图标等,基于它你可以非常方便快速地扩展出你需要的UI组件。

【转载】Web移动端Fixed布局的解决方案

移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。

使用Flexible实现手淘H5页面的终端适配

曾几何时为了兼容IE低版本浏览器而头痛,以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代,为了处理各终端的适配而乱了手脚。对于混迹各社区的偶,时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配?那么趁此Amfe阿里无线前端团队双11技术连载之际,用一个实战案例来告诉大家,手淘的H5页面是如何实现多终端适配的,希望这篇文章对大家在Mobile的世界中能过得更轻松。

移动端重构系列8——滚动

原生滚动的属性为:-webkit-overflow-scrolling:touch;,如果是走高富帅的苹果路线,是没问题的,谁让这是人家亲生的呢;如果是安卓的话,我真不知道是支持还是不支持,说不支持吧好像有点缓动效果,说支持吧好像把这条属性砍掉也一样,感兴趣的可以自己测试下(添加或删除这个属性对比下)

移动端重构系列7——图标

每个网站都离不开小icon的运用,因此这些icon可以让你的网站起到画龙点睛的效果。在移动端的页面上使用icon更能显出这样的功效。那移动端上运用icon又要怎么使用呢?还PC页面上使用方法一样吗?如果不是,又将怎么使用?请继续往下阅读...

页面

返回顶部