唯珺不弃

写着玩儿、学着玩儿、看着玩儿

大巧不工Web前端设计修炼之道——(8)浅谈Web发展的未来

漫谈的东西不再详述,知识点列出如下: 1.REST:表述性状态转移。 网络上的所有事物都被抽象为资源 每个资源对应一个唯一的资源标识符 通过通用的连接器接口对资源进行操作 对资源的各种操作不会改变资源标识符 所有的操作都是无状态的 2.Mashup与Widget - Mashup:一个复合(...

2015-04-08 20:48:04

阅读数:309

评论数:0

大巧不工Web前端设计修炼之道——(7)让你的设计更加完美——优化技巧和最佳实践

1.性能在前端的重要性网页打开速度一般在2s以内为宜,之后每延迟1s,将失去10%的用户 性能测试工具: Page Speed:网页加速工具,自动优化网站图像 YSlow:检查优化的空间,列出修改意见 2.前端性能优化的基本原则2.1页面内容的优化 降低请求数:合并文件(js、css)、CSS ...

2015-04-08 20:21:09

阅读数:478

评论数:0

大巧不工Web前端设计修炼之道——(6)探索、品味、总结——经典设计思维

1.平衡网站的色彩1.1色彩的联想 红、黄、橙是暖色系、绿、蓝、紫是冷色系、黑、白、灰是中性系。 红色:活力,给人冲动、愤怒、热情、有活力的感觉 橙色:欢快活泼温暖,快乐、幸福、喜庆、富贵、食欲 黄色:快乐、希望、智慧、轻快、祝福 绿色:健康、环保、平衡其它颜色、和谐 蓝色:天空、海洋、和平、宁...

2015-04-08 19:38:36

阅读数:250

评论数:0

大巧不工Web前端设计修炼之道——(5)原型模型化

1.布局之道 固定布局:以px为单位进行布局 流性布局:以%为单位进行布局,加min-width、max-width 弹性布局:以em为单位代替px。px是相对于显示器屏幕而言的,而em是相对于当前对象内文本的字体尺寸而言。 1.1基本布局样式属性: 1.单位:1em=16px, 12px =...

2015-04-08 17:33:27

阅读数:321

评论数:0

众妙之门 JavaScript与jQuery技术精粹(下)

1.通常使用“==”操作符测试某一属性的显示等值等式,但应该使用的是“===”操作符3=[3] //true 3="0003" //true 3="03" //true2.//快 var len = myArray.length; for(var i=0;i...

2015-04-08 15:40:39

阅读数:291

评论数:0

众妙之门 JavaScript与jQuery技术精粹(上)

相关知识点总结://定义一个对象 var car = { color:'red' wheels:4 hubcaps:'spinning' age:4 }//定义一个数组 var movie = [ 'harrypotter','hero','X-men' ]...

2015-04-08 15:32:08

阅读数:426

评论数:0

大巧不工Web前端设计修炼之道——(4)让你的设计深入人心,可用性设计

可用性:有效性、效率、可记忆性、容错性及易学性。1.可用性原则:1.1别让我思考 一目了然:去掉那些用户可能产生的疑问 可用性暗礁:按钮就应该可以点、链接点击就会跳转…… 1.2停止你的假设 不要用作者的眼光来模拟读者。 用户喜欢扫描而不是阅读 用户喜欢尝试性选择:而不是看说明书 用户喜欢勉强...

2015-04-08 15:08:48

阅读数:311

评论数:0

大巧不工Web前端设计修炼之道——(3)从过去到未来,前端设计演变之路

关于浏览器的变迁发展,不再单独讲解。 从章节中挑选了一些知识点,列举如下: 1.如果某个东西有填充,请不要给它设计高度。如果某个东西有宽度,则不要给它添加任何填充。 2.清除不必要的DIV标记。 3.使用语义化的标签及命名标示。 4.尽量减少使用DIV标记。 5.格式化代码。 6.在...

2015-04-08 14:34:22

阅读数:181

评论数:0

大巧不工Web前端设计修炼之道——(2)打造前端设计的基石,交出你的原型稿

1.UCD——以用户为中心的设计原则用户:懒惰、有想法、喜新厌旧 UCD(user-centered design)的标准流程是从用户调研开始的,根据调研结果得出用户需求。此后进入设计阶段,经过原型设计、可用性设计、模型设计等一系列步骤,直至最后产出初始版本供用户试用。在用户试用后,将针对试用报...

2015-04-07 22:21:44

阅读数:280

评论数:0

大巧不工Web前端设计修炼之道——(1)Web前端开发ABC

抛去一些概述性的内容,留下的内容如下: 前端学习曲线: 1.熟悉HTML,掌握W3C的标准; 2.浏览器最少也要了解4、5种,如IE、Firefox、Chrome等; 3.要学会CSS3的样式,多看看欧美牛人的风格DIV布局,特简约的那种; 4.保证可用性,保证用户体验,多看工艺美术理论...

2015-04-07 21:39:42

阅读数:341

评论数:0

jQuery Mobile学习笔记(七)——主题与打包

这一章介绍JQM主题和JQM APP的打包:主题JQM允许开发者通过调整主题和CSS来定制整套用户界面。JQM的每一个样式都能用CSS来覆盖。主题是一组配色方案,包括 文字颜色 背景颜色和渐变 字体 每个主题都包含一个全局定义,适用于主题内的所有色样。比如:文本效果和盒效果(阴影和圆角)、按钮和其...

2015-04-04 11:45:01

阅读数:1082

评论数:0

jQuery Mobile学习笔记(八)——安装及离线

本章学习创建一个不通过应用商店发布的离线Web应用。使用这种方案,用户可以通过手机浏览器访问Web应用然后将它安装到手机上,下一次可以通过同样的URL或者应用图标来访问这个应用时,应用将不再从服务器端加载,而是直接从本地启动。 1.定义软件包 需要使用HTML5的一个API,叫做Applica...

2015-04-03 20:42:37

阅读数:657

评论数:0

jQuery Mobile学习笔记(十)——扩展框架

JQM如此好用的一个重要原因是JQM的插件非常丰富。可以在JQM官网插件库中找自己需要的插件。创建插件JQM是基于JQuery UI的框架进行构建的,所以为JQM创建插件的方式和为JQuery UI创建插件一样。创建部件要做的第一件事是命名,应尽可能避免和未来的框架部件重名。 部件应该包含一个命...

2015-04-03 19:13:31

阅读数:698

评论数:0

jQuery Mobile学习笔记(九)——实例

这一章创建一个JQM的实例,后台用PHP来写。 目标: 适用于会议使用,提供大会各方面的信息。可以扩展到年会等组织活动使用。 1. 与会者的官方应用 2. 显示每个会议室的议程 3. 提供大会的各种信息原理: 会议信息列出所有有会议的时间段和每个会议室在各个时间段内召开的会议。会...

2015-04-03 13:47:38

阅读数:670

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭