nativeDroid-jQuery Mobile 1.3的免费主题

介绍

我想为jQuery Mobile 1.3提出一个新的干净主题，调用nativeDroid 。 您可以在nativedroid.godesign.ch上找到nativeDroid（v0.1）的第一个版本。 它是免费提供的，可以在任何私人和商业项目中使用。 我们只是鼓励您在功劳中设置反向链接。

nativeDroid的功能

• GUI看起来很接近Android HOLO
• 纯CSS3 / HTML5无图像设计（包括用于图标的Font Awesome）
• 具有5种不同的颜色（蓝色/绿色/紫色/红色/黄色），可以与浅色和深色主题完全结合。
• 适合作为任何移动项目的开始框架
• 无需额外的JavaScript代码
• 所有jQuery Mobile 1.3项目的示例
• 可以使用jQM data-icon-Attribute添加所有Font Awesome图标

不错，但有一些调整…

nativeDroid基本上只是jQuery Mobile的主题，因此您可以使用jQM提供的任何功能，但为获得更好的外观设计，请注意以下几点：

• 所有样式都应用于data-theme ='b'
• 仅使用不带主题的结构样式表（css / jquerymobile.css）。
• jQuery Mobile的Themeroller中的样式表将破坏设计。
• data-inset ='true | false'参数在nativeDroid中不起作用。 请使用环绕式<div class =“ inset”>-Tag。
• 仅将data-role ='header'与data-position ='fixed'和data-tap-toggle ='false'结合使用，并且具体地将data-theme ='b'应用于链接标头中的元素。
• data-role ='footer'尚未设计。 有理由使用它们。

作为最佳实践，我们建议您首先从演示中复制一个HTML文档。

颜色和款式

基本CSS

• css / font-awesome.min.css包含nativeDroid中使用的字体和图标。
• css / jquerymobile.css包含jQuery Mobile的原始结构，没有任何主题（最小化）。
• css / jquerymobile.nativedroid.css包含nativeDroid所需的结构调整。

主题

• css / jquerymobile.nativedroid.light.css包含浅色主题。
• css / jquerymobile.nativedroid.dark.css包含深色主题。

色彩

• css / jquerymobile.nativedroid.color.blue.css蓝色样式。
• css / jquerymobile.nativedroid.color.green.css绿色样式。
• css / jquerymobile.nativedroid.color.purple.css紫色样式。
• css / jquerymobile.nativedroid.color.red.css紫色样式。
• css / jquerymobile.nativedroid.color.yellow.css黄色样式。

要创建自己的颜色样式，只需复制基本的color.css文件之一，然后根据需要调整一些颜色代码。

这是最终版本吗？

不，绝对不是。 nativeDroid将在每周的业余时间开发，因此可以肯定，会有一些很酷的新功能并且错误会得到修复。

更多截图

From: https://www.sitepoint.com/nativedroid-free-theme-jquery-mobile-1-3/