自从 2011 年 Mark Otto 和 Jacob Thornton 开发了  Bootstrap,我们第一次接触并熟知了 Bootstrap .这些都归功于  Twitter!从那以后,它就非常流行并且成为了最好的响应式框架之一.Bootstrap 帮助开发者快速高效的开启大量新的 web  项目,受到了广大开发者们的青睐. 为了照顾那些不是很熟悉 Bootstrap 但是又想继续深入了解的开发者,我们在这里简单的介绍一下.Bootstrap 是一个 pre-styled 组件的扩展库,有

习惯了开发典型的面向电脑端浏览器的网站在开发手机端网站或者移动App的时候面对很多新的问题,这些新的问题,在我看来或多或少会给浏览者在使用网站或App的时候带来不好的用户体验,对于一个产品级应用,用户体验应该是在开发过程中最先也是最需要考虑的.这些问题,大部分是click事件带来的触摸方面的不足,这里简单总结记录,文中内容来自Stephen Woods写的<HTML5触摸界面设计与开发>这本书. 移动设备和桌面设备之间的差异 规格,也就是尺寸 移动设备的计算能力不足 人们使用触摸设备的方式不同

一.浏览器历史API 浏览器历史就像一堆卡片,如下所示:

一. 认识NSRunloop  1.1 NSRunloop与程序运行 那么具体什么是NSRunLoop呢?其实NSRunLoop的本质是一个消息机制的处理模式.让我们首先来看一下程序的入口——main.m文件,一个ios程序启动后,只有短短的十行代码居然能保持整个应用程序一直运行而没有退出,是不是有点意思?程序之所以没有直接退出是因为UIApplicationMain这个函数内部默认启动了一个跟主线程相关的NSRunloop对象,而UIApplicationMain这个函数一直执行没有返回就保存

今年3月, 微软推出了Kinect for Windows SDK 1.7 更新,包括了手势识别 Kinect Interactions 和实时 3D 建模 Kinect Fusion 两项新技术. 昨天,微软发布了Kinect for Windows SDK的1.8版本,新版本SDK进行了少量更新,但对Kinect Developer Toolkit中的示例进行了大量更新,包括新添加了对HTML5的支持,新的背景移除功能.Kinect Fusion 的色彩捕捉功能. Kinect Fusion

鼠标事件 canvas.onmousedown = function(e ) {//React to the mouse down event }; canvas.addEventListener('mousedown', function(e ) { //React to the mouse down event}); 上面一种方法看起来更简单一些,但是,如果需要向某个鼠标事件注册多个监听器的话,那么用addEventListener()方法会更合适. 浏览器通过事件对象传递给监听器的鼠标坐标

今天在一本叫<HTML5触摸界面设计与开发>上看到一个做弹跳球的复杂动画效果,首先加速下降,停止,然后弹起时逐渐减速.是用cubic-bezier贝塞尔曲线来完成的.所以特地去学习了一下关于cubic-bezier贝塞尔曲线. cubic-bezier比较少用,因为PC端中,有浏览器不兼容.但是手机端中,可以使用并带来炫酷的动画及体验. 缓动函数:http://www.xuanfengge.com/easeing/easeing/ cubic-bezier:http://cubic-bezie

// 手指上下滑动时的最小速度 private static final int YSPEED_MIN = 1000; // 手指向右滑动时的最小距离 private static final int XDISTANCE_MIN = 50; // 手指向上滑或下滑时的最小距离 private static final int YDISTANCE_MIN = 100; // 记录手指按下时的横坐标. private float xDown; // 记录手指按下时的纵坐标. private floa

前言 NS_CLASS_AVAILABLE_IOS(2_0) @interface UITextField : UIControl <UITextInput, NSCoding> @available(iOS 2.0, *) public class UITextField : UIControl, UITextInput, NSCoding 1.UITextField 的创建 Objective-C // 实例化 UITextField 对象 UITextField *textField =

以下转自: http://blog.csdn.net/qq1175421841/article/details/50312565 像点击(clicks)是GUI平台的核心,轻点(taps)是触摸平台的核心那样,手势(gestures)是Kinect应用程序的核心.和图形用户界面中的数字交互不同,手势是现实生活中存在的动作.如果没有电脑我们就不需要鼠标,但是没了Kinect,手势依然存在.从另一方面讲,手势是日常生活中人与人之间相互交流的一部分.手势能够增强演讲的说服力,能够用来强调和传递情感.像

50个Android开发人员必备UI效果源码[转载] http://blog.csdn.net/qq1059458376/article/details/8145497 Android 仿微信之主页面实现篇Android 仿微信之界面导航篇Android 高仿QQ 好友分组列表Android 高仿QQ 界面滑动效果Android 高仿QQ 登陆界面Android 对Path的旋转效果的拓展Android高仿360安全卫士布局源码Android SlidingDrawer 滑动抽屉效果Androi

现在,为智能触摸手机创建直观的用户界面时,最重要的部分不再是单纯的视觉效果,而是要创建出能很好地处理用户触摸交互的界面.对于Web应用而言,这意味着使用touch事件来取代传统的mouse事件.在Dojo 1.7中,新的touch API可以帮助您简化这一步骤. 本文是Touching and Gesturing on the iPhone的更新版,该文最早发布于2008年 引言在我们讨论Dojo 1.7中那些帮助创建可触摸界面的新功能之前,先来了解下底层的技术.概念.Apple在发布iPhon

1.UIStepper 步进控件 必掌握 1.重要属性: .value 初始值 .maximumValue 最大值 .minimumValue 最小值 .stepValue 间隔 2.常用事件: ValueChanged事件:当数值改变时触发 2 .UISlider 滑块控件 快速滑动的方式得到一个可变数值 1.重要属性: .value 2.重要事件: ValueChanged事件:当数值改变时触发 //显示滑块控件的初始值 self.sliderLabel.text = [NSString s

好东西,多学习! Android 仿微信之主页面实现篇Android 仿微信之界面导航篇Android 高仿QQ 好友分组列表Android 高仿QQ 界面滑动效果Android 高仿QQ 登陆界面Android 对Path的旋转效果的拓展Android高仿360安全卫士布局源码Android SlidingDrawer 滑动抽屉效果Android仿微信UI设计源码Android实现左右窗口的滑动效果源码Android中自定义实现高德地图图层效果源码Android画廊视图的3D效果Android

UIWindow.UILabel.UIColor.UIScreen.UIViewController.UIView.UIControl.UIButton.IBOutlet.IBAction.UIStepper.   UISlider.    UISwitch.UITextField.UIAlertView.UIActionSheet.UINavigationController.UIBarButtonItem.UIImageView.UIScrollView.UIPageContro.UITab

两年前,苹果为现代的使用者完全改变了设计语言.对于设计者来说,这使得他们更容易关注动画和功能而不是其他的细枝末节. 我已经被问过很多次怎样开始设计或者是有什么捷径可以成为更好的设计师.虽然没有银弹,然而有很多的技巧和规则设计将影响您普遍设计的方式. 即使你设计一个完全不同的平台上,如果您已经了解了在网络上和打印相同的设计观念依然存在,您可以应用相同的技术.iOS是一个平台,设计是回到它的根源.感觉就像一个现代的杂志,有漂亮的文字版式和简单的布局.在这本书中你将学习的东西会有利于你设计最好的产品.

Android UI技巧 1.1 不该做什么 l  不要照搬你在其他平台的UI设计,应该让用户使用感觉是在真正使用一个Android软件,在你的LOGO显示和平台总体观感之间做好平衡 l  不要过度使用模态对话框 l  不要使用px单位,使用dp或者为文本使用sp l  不要使用固定的绝对定位的布局 l  不要使用太小的字体 1.2 该做什么 l  要为高分辨率的屏幕创建资源 l  要使用适当的间距 l  要正确管理活动(Activity) l  要正确处理屏幕的方向变化 l  须要点击的元素要

输入事件 在 Android 系统中,从用户与应用的交互中截获事件的方法不止一种.如考虑截获用户界面内的事件,则可从用户与之交互的特定视图对象中捕获事件. 为此,View 类提供了多种方法. 在您将用于构建布局的各种 View 类中,您可能会注意到几种看起来适用于 UI 事件的公共回调方法. 当该对象上发生相应的操作时,Android 框架会调用这些方法. 例如,在触摸一个视图对象(例如"按钮")时,对该对象调用 onTouchEvent() 方法.不过,为了截获此事件,您必须扩展 V

向右滑动返回,对于屏幕过大的手机来说,在单手操作时,是一个不错的用户体验,用户不必再费力的或者用另一个手去点击屏幕左上角的返回按钮或者,手机右下角的返回按钮,轻轻向右滑动屏幕即可返回上一页,这个功能如今大部分APP都已经支持啦,你的APP支持了吗? 自己在网上百度了一些滑动返回的方法,有的是用的第三方控件如swipebackLayout但弊端过大如与自己自定义的一些控件冲突等,有的是通过判断手势监听但步骤相当繁琐,总之没有尽如人意的,本篇所讲的实现方法其实也是通过监听事件分发来实现的,但是步骤非

http://www.ibm.com/developerworks/cn/mobile/wa-interface/index.html 简介 在创新者试图探索新的可能性的同时,新兴技术也在经历快速变化的时期.各个替代解决方案开始争夺注意力和市场占有率.移动用户界面(UI)技术目前处于这一革命性阶段的中期.手机和平板电脑不管是使用 Apple 的 iOS (iPhone.iPod Touch 和 iPad).Google 的 Android 架构.Blackberry 的操作系统.HP 的 web

前言 iPhone 6s和iPhone 6s Plus为多点触摸界面带来了强大的3D触摸新维度.这项新技术可以感知用户按下显示屏的深度,让他们比以往任何时候都更能使用你的应用程序和游戏.更多关于3D Touch的介绍可以参见这里. 正文 接下来会介绍一下所有关于3D Touch开发的一些内容. 0.判断3D Touch是否可用 先判断设备是否支持3D Touch,这里主要用到的类是:UITraitCollection.在iOS9之后,可以使用该类判断设备是否支持3D Touch,苹果官方说明如下