Adobe发布最新HTML5工具包
两年前,Ethan Marcotte 发明了响应式网页设计,网页开发者欢呼雀跃。都畅想着未来可以让网页设计适应各种屏幕尺寸。随后就有很多网站试用了响应式设计,但结果发现网站开发人员需要做的事情还有很多。若缺乏必要的理解和维护,响应式网页很容易发出无谓的服务器指令及自动在移动设备上下载图片。这也引发了开发者对响应式设计能否与原生应用兼容的担忧。
当然了,有问题也不尽然是坏事。现在就有很多杰出的工程师在HTML5社区致力于让响应式设计变得更加完善。但对于网页设计师来讲,他们要做的事情颇具挑战。目前,尚未有某种手段可使响应式设计具象化,从而使开发者能够从容与客户交流底层代码。今天Adobe宣布推出最新版HTML5 Edge Reflow,这是一个工具包,可使开发者在同一界面完成多项工作。
如上图所示,开发者可以拖动顶部颜色滑块以设定“断点”,与此同时,各个设计板块将会随着不同宽度自动进行调节。
如上图所示,每一个网页设计板块的CSS代码都在底部有显示。这种可视化工作模式是设计师所喜闻乐见的,通过加快客户与开发者间的交流和沟通,减少不必要的误会,从而加速设计进展。
Adobe为推广此次最新发布的工具包还放出了两段视频,第一段视频简单介绍了Adobe Edge Reflow的概况,第二段是对Adobe Reflow产品经理Jacob Surber的采访。实际操作将会在Adobe TV中展示,Adobe Reflow现已免费开放下载,付费Creative Cloud用户将免费更新Dreamweaver、Edge Animate和最新的代码编辑器Edge Code。使用Adobe Edge Reflow做出的响应式设计作品将会实时展示在运行Edge Inspect tool 的实体设备上。
Adobe Edge
Reflow也许不涉及网页设计等工程问题,但它的出现确实使多屏设计流程变得更加便捷,从而使更多的设计师能够领略响应式设计的魅力,这正是Adobe的初衷和愿景。
【Adobe发布最新HTML5工具包】相关文章
3. Adobe发布HTML5网页动画工具{Adobe Edge}
4. Adobe发布基于HTML5技术的网络开发工具以解决跨平台问题
5. Adobe发布新版CS套装 提供了更多HTML5技术工具
9. Adobe 发布HTML5 动画制作工具Adobe Edge
本文来源:https://www.51html5.com/a3114.html
﹝Adobe发布最新HTML5工具包﹞相关内容
- Mozilla公布最新合作,打造HTML5操作平台
- 微软公布最新版IE10相关信息HTML5技术全部支持
- Groundwork:响应式 HTML5,CSS & JavaScript 工具包
- jQuery EasyUI 1.4.2 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示 ...
- 微软高管详解ARM版Win 8:提供Office 15,并增加HTML5工具
- 让Web开发事半功倍的10款HTML5工具
- 轻享音乐,酷狗全新HTML5播放器发布
- 关于Adobe最新的Flash/HTML5策略的问答
- 《比比画画》打造全新HTML5社交游戏互动世界
- Pulse为IE10打造全新HTML5网页应用