响应式web设计之CSS3 Media Queries

开始研究响应式web设计,CSS3MediaQueries是入门。MediaQueries,其作用就是允许添加表达式用以确定媒体的环境情况,以此来应用不同的样式表。换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。那么,MediaQueries是如何工作的?两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件:<linkrel="stylesheet"type="text/css"href="styleA.css"media="screenand(min-width:400px)">意思是当屏幕的宽度大于等于400px的时候,应用styleA.css在media属性里:screen 是媒体类型里的一种,CSS2.1定义了10种媒体类型and 被称为关键字,其他关键字还包括 not(排除某种设备),only(限定某种设备)(min-width:400px) 就是媒体特性,其被放置在一对圆括号中。完整的特性参看 相关的Mediafeatures部分<linkrel="styl...

在mysql数据库中,文章表设计有啥好的思路

Q:用mysql设计一张文章表,不知道有啥好的思路! 我是这样的,应为考虑附件和图片,所以我的文章表除了有varchar(1000)的文章内容,还设置了个Bolb接收附件和图片。 我用的是mysql大家说,这样好不好? 我的文章要么就是只显示图片,要么就是只显示纯文本的,但是要保持原有的格式。 总感觉有点不是很合理 java读取的时候会不会很烦?数据格式会不会走样? 附: 如果文章内容有图文混排有该如何办呢? 第一次设计文章表,没有头绪还请指教!A:建议文章的附件(包括图片、文档等等),不要存入数据库中。 如果把附件放入数据库中,一来增加了对数据库的压力,二来在文章本身的维护(新增、修改、删除、显示等)也比较麻烦。 目前,大多数的做法,是在表中保存附件的存放位置。 你提到的图文混排现在其实有很多这样的组件实现方法,比较常用如fckeditor就不错。它也是用的保存附件路径的方法。 文章表的主要字段: 文章ID,作者,上传时间,末次修改时间,文章标题,文章内容...

交互设计:隐藏或显示大段文本的UI组件有哪些?

应用场景:在手机上要给列表中的每一项添加一个大段的介绍,应该用什么UI组件A:这里可以用,模态对话框,弹出提示,工具提示这类组件。模态对话框的好处,就是用关闭的按钮,用户操作方便;而弹出提示和工具提示只能通过点击来切换 模态对话框:http://v2.bootcss.com/javascript.html#modalshttp://www.runoob.com/bootstrap/bootstrap-modal-plugin.html模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能,那么您需要引用 modal.js。或者,正如 Bootstrap插件概览 一章中所提到,您可以引用bootstrap.js 或压缩版的 bootstrap.min.js。您可以切换模态框(Modal)插件的隐藏内容:通过data属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle="mod...

滴滴顺风车设计总结(原创文章)

http://www.zcool.com.cn/article/ZMTcxOTYw.html   顺风车项目初期,产品GM反复和我们强调业务使命,私家车出行在滴滴体系中的角色,私家车市场规模,业务模式概述,业务模式关键词,目标体系. 使得我们很快明确了顺风车的产品定义,目标用户,主要功能,产品场景,产品特色和竞品的差异化以及未来顺风车的产品走向. 未来它将是一个每天改变千万人次出行的产品,它能让共享私家车成为一种连接人与人的生活方式.我在网上收集资料,对顺风车已经有了一定的了解,当时国内的拼车APP已经有一些但还不成熟,我下了一些竞品软件,把每个产品的页面截图拼凑成流程图,观察总结它们的核心功能及业务流程,体验好和不好的地方都记录在笔记上.收集问题之后,对问题进行分析,最终聚焦在核心的问题,并将分析的结果展示给团队. 研究思考竞品的主要功能,业务流程和信息布局,以及网上和现实中车主乘客对顺风出行的一些痛点,从用户意见中提炼用户最本质的需求,需要改善的地方. 设计阶段初期,因为没有数据和用户反馈做依靠,我们在和PM做需...

iOS设计模式——委托(delegate)

委托(delegate)也叫代理是iOS开发中常用的设计模式。我们借助于protocol(参考博文:objective-c协议(protocol))可以很方便的实现这种设计模式。苹果的官方文档给了很清晰的解释:Delegationisasimpleandpowerfulpatterninwhichoneobjectinaprogramactsonbehalfof,orincoordinationwith,anotherobject.Thedelegatingobjectkeepsareferencetotheotherobject—thedelegate—andattheappropriatetimesendsamessagetoit.Themessageinformsthedelegateofaneventthatthedelegatingobjectisabouttohandleorhasjusthandled.Thedelegatemayrespondtothemessagebyupdatingtheappearanceorstateofitselforo...

iOS设计模式——Category

Category模式用于向已经存在的类添加方法从而达到扩展已有类的目的,在很多情形下Category也是比创建子类更优的选择。新添加的方法同样也会被被扩展的类的所有子类自动继承。当知道已有类中某个方法有BUG,但是这个类是以库的形式存在的,我们无法直接修改源代码的时候,Category也可以用于替代这个已有类中某个方法的实体,从而达到修复BUG的目的。然而却没有什么便捷的途径可以去调用已有类中原有的那个被替换掉方法实体了。需要注意的是,当准备有Category来替换某一个方法的时候,一定要保证实现原来方法的所有功能,否则这种替代就是没有意义而且会引起新的BUG。和子类不同的是,Category不能用于向被扩展类添加实例变量。Category通常作为一种组织框架代码的工具来使用。1.      在不创建继承类的情况下实现对已有类的扩展。2.      简化类的开发工作(当一个类需要多个程序员协同开发的时候,Category可以将同一个类根据用途分别放在不同的源文件中,从...

为原型产品推荐的四款设计工具

【编者按】本文转载自个人博客—羽化博客,原作者通过对页面原型设计的理解来介绍四款原型设计工具。与一般针对产品功能的介绍不同,本文以亲身的设计需求为出发点,通过对产品整理和提供相关的链接,帮助解决从业人群对做产品页面原型的直接需求。可以为做产品设计的童鞋提供一些参考和下载帮助。天天和产品打交道,不时要做一些页面原型、离不开各种工具,工欲善其事必先利其器,好的工具软件可以大大提高工作效率,工具各有优劣,大家按需取之。原型设计工具我暂时把它分为两类,Web应用原型设计工具及软件应用原型设计工具、微软的visio就不说了:Web应用原型设计工具:先来看看这个几个:AxureRP 、BalsamiqMockups 、 PencilProject 以及OmniGraffle试用感觉:第一个、AxureRP:来这里看看视频简介:http://www.axure.com/tour.aspxAxure的发音是”Ack-sure”,RP则是”RapidPrototyping”快速原型的缩写。AxureRPP...

snoopy(强大的PHP采集类) 详细介绍

Snoopy是一个php类,用来模拟浏览器的功能,可以获取网页内容,发送表单,可以用来开发一些采集程序和小偷程序,本文章详细介绍snoopy的使用教程。Snoopy的一些特点:抓取网页的内容 fetch抓取网页的文本内容 (去除HTML标签) fetchtext抓取网页的链接,表单 fetchlinks fetchform支持代理主机支持基本的用户名/密码验证支持设置 user_agent, referer(来路), cookies 和 header content(头文件)支持浏览器重定向,并能控制重定向深度能把网页中的链接扩展成高质量的url(默认)提交数据并且获取返回值支持跟踪HTML框架支持重定向的时候传递cookies要求php4以上就可以了 由于本身是php一个类 无需扩支持 服务器不支持curl时候的最好选择, Snoopy类方法及示例: fetch($URI)这是为了抓取网页的内容而使用的方法。$URI参数是被抓...

***超强、超详细Redis数据库入门教程

这篇文章主要介绍了超强、超详细Redis入门教程,本文详细介绍了Redis数据库各个方面的知识,需要的朋友可以参考下【本教程目录】1.redis是什么2.redis的作者何许人也3.谁在使用redis4.学会安装redis5.学会启动redis6.使用redis客户端7.redis数据结构–简介8.redis数据结构–strings9.redis数据结构–lists10.redis数据结构–集合11.redis数据结构–有序集合12.redis数据结构–哈希13.聊聊redis持久化–两种方式14.聊聊redis持久化–RDB15.聊聊redis持久化–AOF16.聊聊redis持久化–AOF重写17.聊聊redis持久化–如何选择RDB和AOF18.聊聊主从–用法19.聊聊主从–同步原理20.聊聊redis的事务处理21.教你看懂redis配置–简介22.教你看懂redis配置-通用23.教你看懂redis配置&nda...

**php队列的实现思路和详细过程

                        http://www.imooc.com/wenda/detail/252185 一、队列使用场景:为什么需要队列在web开发中,我们经常会遇到需要处理批量任务的时候,这些批量任务可能是用户提交的,也可能是当系统被某个事件触发时需要进行批量处理的,面对这样的任务,如果是用户提交的批量任务,初级程序员只能让用户触发提交动作后,等待服务器处理完毕,并且将结果返回到浏览器,期间用户不能关掉浏览器窗口,如果数据比较大,或者处理速度比较慢,那用户体验将会因此受到直接影响。但是当我们使用某讯或者某浪的邮箱时,点击群发邮件之后,只需等待很短的时间,浏览器提示提交成功,正在发送之类的信息时,用户就可以关掉浏览器,稍后,收件地址栏里的邮箱将陆续收到该群发邮件,再比如群发定时邮件,以及当商城系统中有客户下单,客户...

***RESTful API 设计指南(阮一峰)

网络应用程序,分为前端和后端两个部分。当前的发展趋势,就是前端设备层出不穷(手机、平板、桌面电脑、其他专用设备......)。因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信。这导致API构架的流行,甚至出现"APIFirst"的设计思想。RESTfulAPI是目前比较成熟的一套互联网应用程序的API设计理论。我以前写过一篇《理解RESTful架构》,探讨如何理解这个概念。今天,我将介绍RESTfulAPI的设计细节,探讨如何设计一套合理、好用的API。我的主要参考了两篇文章(1,2)。API与用户的通信协议,总是使用HTTPs协议。应该尽量将API部署在专用域名之下。https://api.example.com如果确定API很简单,不会有进一步扩展,可以考虑放在主域名下。https://example.org/api/应该将API的版本号放入URL。https://api.example.com/v1/另一种做法是,将版本号放在HTTP头信息中,但不如放入URL方便和直观。Github采用这种做法。路径又称"终点"(endpoint),表示API的具体网址。在RESTf...

****RESTful API 设计最佳实践(APP后端API设计参考典范)

http://blog.jobbole.com/41233/背景目前互联网上充斥着大量的关于RESTfulAPI(为方便,下文中“RESTfulAPI”简写为“API”)如何设计的文章,然而却没有一个”万能“的设计标准:如何鉴权?API格式如何?你的API是否应该加入版本信息?当你开始写一个app的时候,特别是后端模型部分已经写完的时候,你不得不殚精竭虑的设计和实现自己app的publicAPI部分。因为一旦发布,对外发布的API将会很难改变。在给SupportedFu设计API的时候,我试图以实用的角度来解决上面提到的问题。我希望可以设计出容易使用,容易部署,并且足够灵活的API,本文因此而生。 API设计的基本要求网上的很多关于API设计的观点都十分”学院派“,它们也许更有理论基础,但是有时却和现实世界脱轨(因此我是自由派)。所以我这篇文章的目标是从实践的角度出发,给出当前网络应用的API设计最佳实践(当然,是我认为的最佳了~),如果觉得不合适,我不会遵从标准。当然作为设计的基...

**app后端设计(10)--数据增量更新(省流量)

 在新浪微博的app中,从别的页面进入主页,在没有网络的情况下,首页中的已经收到的微博还是能显示的,这显然是把相关的数据存储在app本地。   使用数据的app本地存储,能减少网络的流量,同时极大提高了用户的体验(想想,很多数据都能在app本地获取,显示的速度当然快)。使用了本地存储后,需要考虑的是数据的增量更新方案。   什么是数据的增量更新?假设,用户A的首页在数据表中是有40条数据,id1-40,app每次获取10条数据。第一次运行,app从数据表获取了id1-10条数据同时存储在本地。假设用户离开了这个页面再回到首页,这时app需要再次从数据库中获取数据,由于之前已经有10条数据(id1-10)存储在app本地了,那么现在需要从数据库中获取的10条数据就是从剩余的30条中数据获取(id11-40)后并保存在app本地。这个就是增量更新的典型例子。   增量更新的原理是在数据库中,每条数据都必须有update_time这个值,记录数据最后更新的时间,当app从服务器获取了一次数据后...
首页上一页...162163164165166...下一页尾页