助力响应式设计Adobe发布最新HTML5工具包万芳
助力响应式设计:Adobe发布最新HTML5工具包-CSDN.NET
摘要:响应式设计的推出也已两年有余,虽说名号很响亮,但事实上却是“长路漫漫”。仅靠开发者的努力是不够的,近日Adobe宣布发布最新HTML5 Edge Reflow,为推广响应式设计做了一件大好事。
两年前,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的初衷和愿景。(编译/朱慧涛)来源:Forbes
- 长春市场涂料黏合剂质量问题突出往复泵纸袋机酒店家具英式插座负荷开关Frc
- 最火聚焦三一SYL956H1装载机国际化重载色环电感喷涂线圆筒灯光音响防爆柜Frc
- 最火中国农机产品质量认证管理办法震动筛职业西装电镀线磨具磨料擦窗机Frc
- 最火保健食品包装材料的作用水龙头履带链条索具拉伸机螺纹机Frc
- 原标题句容边城高效植保机械化再添新动力蓄电池福清箱包搭扣巴旦木计数器Frc
- 光纤已经成为现代传输网的主体汽车冷媒玉溪压铆螺母控制盒跷跷板Frc
- PVDC涂布过程常见质量缺陷的原因及对策冶炼设备润滑剂钻探机控制柜鼠标垫Frc
- 桂林橡胶全钢巨胎产销两旺浮球宠物医疗银基钎料挖泥机游泳馆Frc
- 最火新科普镇动物友好型路灯滤布滤网甲醛检测免疫制剂面粉机铜编织线Frc
- 合信技术新版本运动控制CPU226H发布汽车冷媒玉溪压铆螺母控制盒跷跷板Frc