阅读更多

2顶
1踩

Web前端

转载新闻 20个增强网页兼容性设计的实用工具分享

2011-11-11 14:56 by 见习编辑 zhuyu 评论(2) 有5742人浏览
互联网时代,人们利用各种设备上网:笔记本电脑、上网本、平板电脑、智能手机,甚至电视机。这些设备的屏幕和问题解决方案都各不相同,因此很难创建一个适用于所有设备的网站。

不过,还是有解决方法的。兼容性设计就是为适应不同尺寸屏幕的整改设计。如果你想增强网页兼容性,你就需要应用一些工具。本文为你介绍20个实用的增强网页兼容性设计的工具。

1. Golden Grid System



Golden grid system是为增强网页兼容性设计的折叠式grid。具有四个特征:列、跨页、底线、script。

2. Lettering.JS



Lettering.js是一个针对网页排版的jQuery插件,具有如下功能:字距调整、编辑设计、代码管理、完全可操控。

3. FitText



FitText可随意调整字体大小。使用这款插件可以突出标题,使整个布局主次分清。

4. Fluid 960 Grid System



Fluid 960 Grid System的模板是在Nathan Smith的成果的基础上创建的。它延续了MooTools和jQuery JavaScript库的效果。

5. Gridless



Gridless可使用户轻松应对兼容性网站。它是一款应用HTML5和CSS3的插件,可实现跨浏览器的良好排版。

6. Skeleton



Skeleton是应用CSS和JS,应用它可以快速开发网站。无论是17寸的笔记本电脑还是iPhone,看起来效果都很不错。

7. Responsive Design Testing



只需输入网页地址,就可以在任何尺寸的浏览器上测试。

8. PX to EM



这是一个根据EM需求设计的计算工具。用户只要选中相应的PX字体,就可以转化为相应的EM大小的字体。

9. BluCSS



BluCSS是一个简便易记的CSS框架。可轻松应用在项目中。

10. Seamless Responsive Photo Grid



假设用户想同时展示很多图片,而且要求图片间无缝连接。Seamless可以轻松满足你当需求。

11. SimpleGrid



SimpleGrid适用4个尺寸的屏幕:720px、大于720px、大于985px、大于1235px。这就意味着访问网站时,可根据浏览器调整屏幕大小。

12. Adapt.js



Adapt.js是一个很小的JavaScript文件,它能够根据页面的宽度来加不同的CSS文件。在浏览器渲染一个页面之前,它会检查其宽度然后决定该调用哪一个CSS文件。

13. Fluid Images



14. Convert a Menu to a Dropdown for Small Screens



本文介绍当浏览器窗口很窄时,右上方的菜单栏会从常规的连接行转变为下拉式菜单的实现办法。

15. resizeMyBrowser



resizeMyBrowser是一款不错的网页兼容性测试工具,让用户轻松重置浏览器大小,一站式体验时下最流行的尺寸或个性化定制。

16. Responsive Table



所谓兼容性设计就是为适应不同尺寸屏幕而进行的整改设计。

17. Columnal



Columnal融合了标准代码和个性化代码。它的部分代码借鉴于cssgrid.net,还有些代码灵感则来自于960.gs。Columnal轻松解决网页设计兼容性问题。

18. 1140 CSS Grid



它与1280的显示器完美匹配。针对小的浏览器,它能够自动调节,使适应需求。

19. Mobilize.js



它是应用HTML5和Javascript框架实现网页移动化的工具。同时它能自动检测移动浏览器,另外它还支持iPhone、Android、Blackberry、Opera Mini等很多其他浏览器及设备。

20. Adaptive Images



它可将图像传输到小型移动设备上。应用嵌入式解决方案会自动创建、捕捉、传输图片,而不需要额外改动图像。

Via designwoop
来自: DAMNDIGITAL
2
1
评论 共 2 条 请登录后发表评论
2 楼 ad6543210 2011-11-11 17:01
只用過px to em
1 楼 mvpzhoulong 2011-11-11 15:07
完全没有概念

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 傻瓜式教学:c++操作Excel

    理论性的东西就是不讲了,简单的ji

  • wordwrap() 函数

    查看更多 https://www.yuque.com/docs/share/c198328d-d248-495c-9d79-2fc3dd968d7a

  • 纯 C++ 代码创建并保存 EXCEL 文件

    <br />本来OFFICE已经为大家提供了很好用的COM组件,但我发现我怎么用怎么不顺手(估计是本人太菜了)。<br />于是便绞尽脑汁想用纯 C++ 代码来实现,终于,哈哈,嘿嘿,嚯嚯……<br /><br />好了,下面是我的步骤(偶用的VC++ 6.0):<br />1. 先新建一个“Win32 控制台应用/Win32 Console Application”工程,工程名不妨叫做“createXLS”。<br />2. 工程向导里选择“A "Hello,World!" application”,新建

  • VC操作Excel-Automation版

    因为用ODBC连接Excel,不能处理任意创建的Excel文件,于是我决定另写一个版本,用Automation技术。其实就是用Excel自己的类库,进行操作。我在实习的时候,用过这种方法,开发AutoCAD图纸签名程序。 说Automation技术,只不过是随着别人叫而已,具体是什么东西,我还不太清楚。慢慢理解吧。 程序参考自:http://blog.csdn.net/bodybo/a

  • VC C++ 操作 Excel 总结

    以前总是再往上找相关的资料,可惜哦..... 不过有一天真的找到了,十分感谢一下博主 http://blog.csdn.net/fullsail/article/details/8449448 首先本人提供的类 都是从别人那里直接拿过来的,然后根据需要自己又改了一些,,, 保留了原作者的所有注释。。。 不废话,下面提供 源代码 首先是 Excel  的导出类 ,Excel9

  • 【Power Automate】如何自动生成Word与PDF文件[上]

    上半年已经悄悄溜走,因为疫情,大家似乎也很习惯于在家办公。作为业务人员,如何汇报自己的工作,让自己更多地学习和掌握数字化办公技巧至关重要。那么今天我们就来看一下在不使用代码的情况下,如何...

  • Excel自动化程序发生“Micosoft Excel已停止工作”的问题解决

    错误描述:   解决办法:   m_ipExcelApp->Visible[1] = VARIANT_FALSE;//少了这句就会发生上述问题,不管是在c++还是c#中。 ::SetParent(m_hwndExcel, 0);//Excel2007还必须加这句   COleVariant   VOptional((long)DISP_E_PARAMNOTFOUND,   VT_ER

  • EXCEL自动化

    http://hi.baidu.com/%D0%A1%C0%EE%B7%C9%B5%B6%D4%D9%B7%C9%B5%B6/blog/item/5cf24817fb01fb10972b43a7.html1.    概念操作别的应用程序提供的对象的程序是automation client.而提供对象供别的应用程序操作的就是automation server。client从server那

  • window service程序中的word automation问题??

    由于项目中要用到word自动化,我编写了一个程序,用到了word自动化的功能。我把它编成一个winForm程序,程序正常,能够在后台自动产生word文件。但把它写成window service程序后,word自动化时有问题。我配置了word的DCOM设置,运行--dcomcnfg --microsoft word--安全:我都加上了everyone的权限。运行--dcomcnfg --micros...

  • 浏览器自动化操作(Web Browser Automation)(一)

    前言:之前靠网上的大佬带,学了一点也算是爬虫的一个东西——浏览器自动化,现在算是整理总结或者是回报社会吧x 准备:① Python 3.6            ② selenium库            ③ google chrome driver (感谢 https://blog.csdn.net/dreamstone_xiaoqw/article/details/78970616 的...

  • MFC里面的AUTOMATION是什么啊

    貌似是跟什么属性、方法有关,但没有找到相关的具体说明,比如说属性、方法这两个词也没有统一明确的定义。GOOGLE、BAIDU了不得要领,来这里问问

  • 用MFC操纵Excel

    <br />最近在做一个往Excel文件里写入数据的程序,研究了一下怎样通过MFC操纵Excel,在这里总结一下。<br />我想很多人在开始实现一个功能的时候会先去网上搜一下有没有现成的代码可供使用,可是从网上找到的代码肯定是不能直接跑的(我从来没有遇到可以拿过来直接用的,很是郁闷),这次也不例外,所以这里先声明下面的代码使用了CSDN博主Augusdi的代码http://blog.csdn.net/Augusdi/archive/2010/08/01/5781126.aspx<br /> <br />我

  • VC++在MFC下调用EXCEL各种功能实现

    VC++在MFC下调用EXCEL各种功能实现   2010-12-13 16:59:09|  分类: 默认分类 |  标签: |字号大中小 订阅 一直以来就对EXCEL的各种功能很崇拜,后来经常使用VC,由于工作的需要,经常会遇到将文本文件中的

Global site tag (gtag.js) - Google Analytics