首页

实战：如何利用栅格系统做响应式设计- 后台设计经验总结（2）

分享达人 Bs界面设计文章及欣赏

左右布局响应策略动态演示。考虑到gif被压缩后效果不理想，所以做了一小段视频来帮助大家更好的理解响应策略。视频如果看着不清晰，选择清晰度为1080p蓝光观看即可 一、什么是响应式？ 按照本人自己的理解，响应式就是通过合理的设计方案配合规范的技术实现策略，使同一个Web页面在各个终端（设备）不同分辨率屏幕上都能有最佳的用户体...

阅读全文>>

评论(0) 浏览(1675)

栅格系统及其在后台设计中的应用—后台设计经验总结01

分享达人 Bs界面设计文章及欣赏

关于栅格系统文章不少，但鲜有专门针对栅格系统在后台设计中相关应用的介绍。本文抛砖引玉，希望引起更多同行的交流与讨论 栅格系统的目的 栅格系统在页面排版布局、尺寸设定方面给了设计者直观的参考，它让页面设计变得有规律，从而减少了设计决策成本；栅格化提高了页面布局的一致性跟复用性；避免了设计师与开发者在细节上的反复沟通确认，从而提升了整个设计开发流程的效...

阅读全文>>

评论(0) 浏览(1510)

九宫格方式上传图片（预览并删除）

前端达人

<view class="gallery">     <view class="item" wx:for="{{images}}" wx:key="">         <image src="{{item}}" data-src="{{item}}" bindtap="previewImage" mod...

阅读全文>>

评论(0) 浏览(2251)

微信小程序转发/分享功能 小卡片设置

前端达人

<button data-name="shareBtn" open-type="share" plain="true">转发</button> 添加plain=”true”后button的边框样式可自定义 ↓ ↓ button[plain]{ border:0 }   //转发 &...

阅读全文>>

评论(0) 浏览(5421)

微信小程序轮播功能

前端达人

<swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{duration}}" current="{{swiperCurrent}}" bindchange="swiperChange" clas...

阅读全文>>

评论(0) 浏览(2008)

真机预览本地页面方式-简单快捷（精简大法Node）

前端达人

前提：真机和PC端在同一个局域网内。 1、安装nodejs环境 （node -v 查看版本号） 2、在所在的项目下输入命令：npm install anywhere -g 3、直接输入命令：anywhere，这里浏览器自动打开所有项目的根目录，点击就可以看到，同一网段下，然后手机直接预览这个地址就可以 ————————————————

阅读全文>>

评论(0) 浏览(1861)

小程序单张图片 和 九宫格图片上传、预览、删除示例

前端达人

<view class="gallery">   <view class='tipTitle'>     快去上传自己的照片吧   </view>   <view class='item-ot'>     <view class="item">  ...

阅读全文>>

评论(0) 浏览(1816)

charts柱状图的X轴Y轴加单位的写法

前端达人

        {             type : 'value',            ...

阅读全文>>

评论(0) 浏览(2547)

table点击实现可编辑文本

前端达人

table点击实现可编辑文 一个简单的例子，直接添加contentEditable=”true”标签属性即可 <table> <tr> <td>姓名：</td> <td contentEditable="true">&l...

阅读全文>>

评论(0) 浏览(2137)

iPhone如何改变我们的交互方式

优秀设计 交互设计及用户体验

当我们回顾近20年的手机发展历程，可以发现2007年iPhone的横空出世真正改变了手机这个行业。乔布斯在发布会上展示初代iPhone给行业带来的冲击力是前所未有的，对人机交互领域也带来了了深远的影响。 从外观上来看，iPhone与那个时代手机最大的区别在于它舍弃了笨重的键盘，3.5英寸的全触控屏幕在当时来说可谓石破天惊。对于现在的手机来说，全触控屏幕可谓是标配。但...

阅读全文>>

评论(0) 浏览(2082)

分类

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档