南方网景
Cover Photo by: Wang Qi@DamnDigital
互联网时代,人们利用各种设备上网:笔记本电脑、上网本、平板电脑、智能手机,甚至电视机。这些设备的屏幕和问题解决方案都各不相同,因而很难创建一个适用于所有这些设备的网站。
不过,还是有解决方法的。兼容性设计 就是为适应不同尺寸屏幕的整改设计。如果你想创建一个增强网页兼容性的设计,你就需要应用fluid grids,图像以及queries。继之前发布的18个较强的兼容性网页设计案例后,这次与读者们分享的是20个增强网页兼容性设计的实用工具。
Golden grid system 是为增强网页兼容性设计的折合式grid。他有四个特征:列,跨页,底线,script。
这是jQuery针对基本网页文字处理技巧的一个插件。Lettering.js,拥有如下功能:字距调整型字体、编辑创意设计、可管理代码,用户完全可以简单操控。
FitText可随意调整字体大小。这款插件可以使兼容性网页页面布局突出大标题,主次分清。
Fluid 960 Grid System 的模版是根据Nathan Smith之前的作品而创建的。即960 Grid System:传承了MooTools和jQuery JavaScript libraries的效果。
Gridless可使用户轻松应对兼容性网站。它是以HTML5和CSS3代码为首选的优先兼容手机的插件,且支持文字处理佳的跨浏览器网页。