免费 开发资源库 android web
2013-08-30 19:12
190 查看
文章里收集了60个免费的开发资源库,它们种类丰富,功能齐全。这些资源包括Fitgrd、Horizontal menu、Upload form、Minimalistic、Fries、Linecons、Windows和Transit等等。希望它们在开发道路上能够助你一臂之力。
文章作者Juan Pablo Sarmiento收集了60个较为实用、高效的工具资源库,可以帮助开发者快速创建各种Web App和移动App。这些资源的特点是:简单、便捷、免费、高效、功能多。当你独自一人需要在短期内构建一个产品的时候,这些起关键作用的工具定会给你留下更深刻的印象。(以下是编译内容)
下面所列举的就是近期比较受欢迎的资源集合:
1、Mmenu:这个jQuery插件能够为移动网站创造出灵活的、类似App的滑动菜单。
![](http://cms.csdnimg.cn/article/201308/28/521d983cb25aa.jpg)
2、Fabric textures:这5个布料纹理的背景可以以JPG的格式免费下载。
![](http://cms.csdnimg.cn/article/201308/28/521d984872d05.jpg)
3、Fitgrd:这是一个轻量级的、看起来很酷的响应式网格资源。
![](http://cms.csdnimg.cn/article/201308/28/521d985a7bd04.jpg)
4、Horizontal menu:这是一个水平的滑出式菜单,还带有一个基于网格的子菜单。
![](http://cms.csdnimg.cn/article/201308/28/521d987364234.jpg)
5、Upload form:这是一个微型的Ajax上传表单。
![](http://cms.csdnimg.cn/article/201308/28/521d988bd290c.jpg)
6、Minimalistic(免费供个人使用):Minimalistic是一个小型的WordPress主题,带有很好用的绘画技巧模板。
![](http://cms.csdnimg.cn/article/201308/28/521d989c2d50b.jpg)
7、Mobile application UI kit:这个移动App UI工具包可供PSD格式下载。
![](http://cms.csdnimg.cn/article/201308/28/521d98fde102d.jpg)
8、Flat icon set:几乎没有人会嫌平面图标集太多用不完吧,这里有很多,随你选。
![](http://cms.csdnimg.cn/article/201308/28/521d98d4dfa9d.jpg)
9、Flatilicious icons:毫不掩饰的说,这里的icon数量是最多的,最多的,最多的。
![](http://cms.csdnimg.cn/article/201308/28/521d991260cf7.jpg)
10、Fries:在这里,可以使用HTML、CSS和JavaScript来创建Android类型的UI。
![](http://cms.csdnimg.cn/article/201308/28/521d992a2c3ca.jpg)
11、Linecons:这里包含48个完全可伸缩矢量图标。
![](http://cms.csdnimg.cn/article/201308/28/521d995922b84.jpg)
12、Windows:这是一个jQuery插件,用在全屏滚动窗口上。
![](http://cms.csdnimg.cn/article/201308/28/521d997037714.jpg)
13、Slider:这是一个很有用的、免费的滑块,带有流畅的滑动背景。
![](http://cms.csdnimg.cn/article/201308/28/521d998218e50.jpg)
14、Transit:超级顺当的CSS转换效果,还可以随意的切换为jQuery。
![](http://cms.csdnimg.cn/article/201308/28/521d9994c21d1.jpg)
15、FastCache:很明显,这曾经是最快的PHP对象缓存系统。
![](http://cms.csdnimg.cn/article/201308/28/521d99a7abfdf.jpg)
16、Beag:这是一套高效实用的移动App UI组件。
![](http://cms.csdnimg.cn/article/201308/28/521d99b8a9b1f.jpg)
17、Mixitup:这是一个CSS3和jQuery过滤器,另外也是一个分类插件。
![](http://cms.csdnimg.cn/article/201308/28/521d99ccf13e2.jpg)
18、Pricing table:它是一个为设计师和开发者准备的定价表。
![](http://cms.csdnimg.cn/article/201308/28/521d99e14a77a.jpg)
19、Cesium:这是一款JavaScript类库,用于在Web浏览器上创建3D地球。
![](http://cms.csdnimg.cn/article/201308/28/521d99f33c963.jpg)
20、Bootstrap magic:使用这一资源就可以创建你自己的Twitter Bootstrap主题。
![](http://cms.csdnimg.cn/article/201308/28/521d9a0594d86.jpg)
21、Map icons designer:这些都是Google地图上的图标,适用于各种地图App。
![](http://cms.csdnimg.cn/article/201308/28/521d9a1917d14.jpg)
22、Transparent UI kit:这是一个在PSD里的分层UI工具包。
![](http://cms.csdnimg.cn/article/201308/28/521d9a2ae3d1f.jpg)
23、Topcoat:这是一个CSS工具包用于创建轻便的Web Apps。
![](http://cms.csdnimg.cn/article/201308/28/521d9a3ccde5a.jpg)
24、Controls settings:一个较为实用的PSD平面控制面板。
![](http://cms.csdnimg.cn/article/201308/28/521d9a4e0fd52.jpg)
25、CSS modal:这是一个用纯CSS语言创建的模拟动态下的建设者。
![](http://cms.csdnimg.cn/article/201308/28/521d9a6031131.jpg)
26、Sassaparilla:这是利用一个较快的方式来启动响应式设计项目的资源。
![](http://cms.csdnimg.cn/article/201308/28/521d9a786c6b1.jpg)
27、Beach UI:这是一种PSD形式的微型UI工具包。
![](http://cms.csdnimg.cn/article/201308/28/521d9a8bf1f84.jpg)
28、Retina-ready menu:这是一个响应式的触摸屏菜单,带有供不同浏览器使用的三种布局。
![](http://cms.csdnimg.cn/article/201308/28/521d9aa5d7feb.jpg)
29、Flexisel:这是一个响应式的旋转木马jQuery插件。
![](http://cms.csdnimg.cn/article/201308/28/521d9aff38154.jpg)
30、W2UI library:作为连接jQuery插件的组件,它的主要设计目的是用在前段技术上的。
![](http://cms.csdnimg.cn/article/201308/28/521d9b0d55d39.jpg)
31、Dark Accordion:这是一个以PSD文件形式具有现代风格的导航菜单。
![](http://cms.csdnimg.cn/article/201308/28/521d9b2096dab.jpg)
32、Skel.js:一个用于创建响应式站点的前端框架。
![](http://cms.csdnimg.cn/article/201308/28/521d9b3203a91.jpg)
33、Magnific Popup:它是一个响应式的jQuery光箱特效插件。
![](http://cms.csdnimg.cn/article/201308/28/521d9b435e8bf.jpg)
34、Nice Less buttons:这是一个用CSS语言制作的按钮组集。
![](http://cms.csdnimg.cn/article/201308/28/521d9b5ab65e6.jpg)
35、Multipurpose website template:多用途的、设计精美的PSD。
![](http://cms.csdnimg.cn/article/201308/28/521d9b6d7818f.jpg)
36、Two.js:这是一个2D绘图API。
![](http://cms.csdnimg.cn/article/201308/28/521d9b81a2a37.jpg)
37、Flat UI login form:这是一个流行的登录和注册表单格式。
![](http://cms.csdnimg.cn/article/201308/28/521d9b95de0e5.jpg)
38、Ecommerce flat:这是一个PSD格式的、扁平的商业电子UI工具包。
![](http://cms.csdnimg.cn/article/201308/28/521d9ba9142ae.jpg)
39、Brand identity:它是一个分层的PSD,用于呈现出商标和标识设计。
![](http://cms.csdnimg.cn/article/201308/28/521d9bbc0a430.jpg)
40、Animation fill code:这是一个为CSS关键帧动画添加必要代码的App。
![](http://cms.csdnimg.cn/article/201308/28/521d9bd043da6.jpg)
41、Countable.js:这个脚本可以添加实时段落,文字和字符数到一个html元素。
![](http://cms.csdnimg.cn/article/201308/28/521d9bf6228b7.jpg)
42、Github Archiveroom:可以在3D形式下探索Github档案文件。
![](http://cms.csdnimg.cn/article/201308/28/521d9c1629b0d.jpg)
43、iPhone 5 flat:这是一个扁平结构的iPone 5实物模型。
![](http://cms.csdnimg.cn/article/201308/28/521d9c296901e.jpg)
44、HoverMenu:这是个较为简单的可访问菜单,在你网页的任何地方都可以使用。
![](http://cms.csdnimg.cn/article/201308/28/521d9c3c5bf82.jpg)
45、SLY:这是一个JavaScript类库,只可以向一个方向滚动。
![](http://cms.csdnimg.cn/article/201308/28/521d9c4d91202.jpg)
46、Flatstrap:这是一个引导程序的外表形式,使用了扁平设计技术。
![](http://cms.csdnimg.cn/article/201308/28/521d9c62042be.jpg)
47、Packery:一个用于解决装箱布局的JavaScript插件。
![](http://cms.csdnimg.cn/article/201308/28/521d9c74ed32a.jpg)
48、Snaps theme:一个用于WordPress的免费组合主题。
![](http://cms.csdnimg.cn/article/201308/28/521d9c876ae8b.jpg)
49、Easy responsive tabs:这是一个用来优化水平或垂直标签的jQuery插件。
![](http://cms.csdnimg.cn/article/201308/28/521d9cca70efd.jpg)
50、CSS social share button:这是一个扁平式的社交工具提示按钮。
![](http://cms.csdnimg.cn/article/201308/28/521d9cd74aa8e.jpg)
51、Knockout:使用Knockout可以简化动态的JavaScript UI运行MVVM图案的过程。
![](http://cms.csdnimg.cn/article/201308/28/521d9ceab7fc6.jpg)
52、Magazine mockup:这是一个PSD模板,是展示工程项目的理想选择。
![](http://cms.csdnimg.cn/article/201308/28/521d9d02702e2.jpg)
53、Weather icons:PSD格式的气象图标组合,相当有实用性。
![](http://cms.csdnimg.cn/article/201308/28/521d9d1652681.jpg)
54、Flat icons set:这是另外一个图标组集,以.png文件的格式传输。
![](http://cms.csdnimg.cn/article/201308/28/521d9d2aee2f3.jpg)
55、Social media icon set:免费的社交媒体图标组集。
![](http://cms.csdnimg.cn/article/201308/28/521d9da137154.jpg)
56、Simple icons:这也是一个免费的图标组集。
![](http://cms.csdnimg.cn/article/201308/28/521d9dbb83c22.jpg)
57、Icon hover effects:圆形图标悬浮效果,可以和CSS转换。
![](http://cms.csdnimg.cn/article/201308/28/521d9dce5a77e.jpg)
58、Percentage bars:使用CSS技术构建的扁平化风格的百分比滚动条。
![](http://cms.csdnimg.cn/article/201308/28/521d9de085303.jpg)
59、Twitter UI:这是一个用CSS和HTML构建的Twitter用户UI。
![](http://cms.csdnimg.cn/article/201308/28/521d9df3d21fd.jpg)
60、Music widget:这是一个带有一些简单动画的扁平窗口音乐播放器。
![](http://cms.csdnimg.cn/article/201308/28/521d9e0a8aafb.jpg)
文章作者Juan Pablo Sarmiento收集了60个较为实用、高效的工具资源库,可以帮助开发者快速创建各种Web App和移动App。这些资源的特点是:简单、便捷、免费、高效、功能多。当你独自一人需要在短期内构建一个产品的时候,这些起关键作用的工具定会给你留下更深刻的印象。(以下是编译内容)
下面所列举的就是近期比较受欢迎的资源集合:
1、Mmenu:这个jQuery插件能够为移动网站创造出灵活的、类似App的滑动菜单。
![](http://cms.csdnimg.cn/article/201308/28/521d983cb25aa.jpg)
2、Fabric textures:这5个布料纹理的背景可以以JPG的格式免费下载。
![](http://cms.csdnimg.cn/article/201308/28/521d984872d05.jpg)
3、Fitgrd:这是一个轻量级的、看起来很酷的响应式网格资源。
![](http://cms.csdnimg.cn/article/201308/28/521d985a7bd04.jpg)
4、Horizontal menu:这是一个水平的滑出式菜单,还带有一个基于网格的子菜单。
![](http://cms.csdnimg.cn/article/201308/28/521d987364234.jpg)
5、Upload form:这是一个微型的Ajax上传表单。
![](http://cms.csdnimg.cn/article/201308/28/521d988bd290c.jpg)
6、Minimalistic(免费供个人使用):Minimalistic是一个小型的WordPress主题,带有很好用的绘画技巧模板。
![](http://cms.csdnimg.cn/article/201308/28/521d989c2d50b.jpg)
7、Mobile application UI kit:这个移动App UI工具包可供PSD格式下载。
![](http://cms.csdnimg.cn/article/201308/28/521d98fde102d.jpg)
8、Flat icon set:几乎没有人会嫌平面图标集太多用不完吧,这里有很多,随你选。
![](http://cms.csdnimg.cn/article/201308/28/521d98d4dfa9d.jpg)
9、Flatilicious icons:毫不掩饰的说,这里的icon数量是最多的,最多的,最多的。
![](http://cms.csdnimg.cn/article/201308/28/521d991260cf7.jpg)
10、Fries:在这里,可以使用HTML、CSS和JavaScript来创建Android类型的UI。
![](http://cms.csdnimg.cn/article/201308/28/521d992a2c3ca.jpg)
11、Linecons:这里包含48个完全可伸缩矢量图标。
![](http://cms.csdnimg.cn/article/201308/28/521d995922b84.jpg)
12、Windows:这是一个jQuery插件,用在全屏滚动窗口上。
![](http://cms.csdnimg.cn/article/201308/28/521d997037714.jpg)
13、Slider:这是一个很有用的、免费的滑块,带有流畅的滑动背景。
![](http://cms.csdnimg.cn/article/201308/28/521d998218e50.jpg)
14、Transit:超级顺当的CSS转换效果,还可以随意的切换为jQuery。
![](http://cms.csdnimg.cn/article/201308/28/521d9994c21d1.jpg)
15、FastCache:很明显,这曾经是最快的PHP对象缓存系统。
![](http://cms.csdnimg.cn/article/201308/28/521d99a7abfdf.jpg)
16、Beag:这是一套高效实用的移动App UI组件。
![](http://cms.csdnimg.cn/article/201308/28/521d99b8a9b1f.jpg)
17、Mixitup:这是一个CSS3和jQuery过滤器,另外也是一个分类插件。
![](http://cms.csdnimg.cn/article/201308/28/521d99ccf13e2.jpg)
18、Pricing table:它是一个为设计师和开发者准备的定价表。
![](http://cms.csdnimg.cn/article/201308/28/521d99e14a77a.jpg)
19、Cesium:这是一款JavaScript类库,用于在Web浏览器上创建3D地球。
![](http://cms.csdnimg.cn/article/201308/28/521d99f33c963.jpg)
20、Bootstrap magic:使用这一资源就可以创建你自己的Twitter Bootstrap主题。
![](http://cms.csdnimg.cn/article/201308/28/521d9a0594d86.jpg)
21、Map icons designer:这些都是Google地图上的图标,适用于各种地图App。
![](http://cms.csdnimg.cn/article/201308/28/521d9a1917d14.jpg)
22、Transparent UI kit:这是一个在PSD里的分层UI工具包。
![](http://cms.csdnimg.cn/article/201308/28/521d9a2ae3d1f.jpg)
23、Topcoat:这是一个CSS工具包用于创建轻便的Web Apps。
![](http://cms.csdnimg.cn/article/201308/28/521d9a3ccde5a.jpg)
24、Controls settings:一个较为实用的PSD平面控制面板。
![](http://cms.csdnimg.cn/article/201308/28/521d9a4e0fd52.jpg)
25、CSS modal:这是一个用纯CSS语言创建的模拟动态下的建设者。
![](http://cms.csdnimg.cn/article/201308/28/521d9a6031131.jpg)
26、Sassaparilla:这是利用一个较快的方式来启动响应式设计项目的资源。
![](http://cms.csdnimg.cn/article/201308/28/521d9a786c6b1.jpg)
27、Beach UI:这是一种PSD形式的微型UI工具包。
![](http://cms.csdnimg.cn/article/201308/28/521d9a8bf1f84.jpg)
28、Retina-ready menu:这是一个响应式的触摸屏菜单,带有供不同浏览器使用的三种布局。
![](http://cms.csdnimg.cn/article/201308/28/521d9aa5d7feb.jpg)
29、Flexisel:这是一个响应式的旋转木马jQuery插件。
![](http://cms.csdnimg.cn/article/201308/28/521d9aff38154.jpg)
30、W2UI library:作为连接jQuery插件的组件,它的主要设计目的是用在前段技术上的。
![](http://cms.csdnimg.cn/article/201308/28/521d9b0d55d39.jpg)
31、Dark Accordion:这是一个以PSD文件形式具有现代风格的导航菜单。
![](http://cms.csdnimg.cn/article/201308/28/521d9b2096dab.jpg)
32、Skel.js:一个用于创建响应式站点的前端框架。
![](http://cms.csdnimg.cn/article/201308/28/521d9b3203a91.jpg)
33、Magnific Popup:它是一个响应式的jQuery光箱特效插件。
![](http://cms.csdnimg.cn/article/201308/28/521d9b435e8bf.jpg)
34、Nice Less buttons:这是一个用CSS语言制作的按钮组集。
![](http://cms.csdnimg.cn/article/201308/28/521d9b5ab65e6.jpg)
35、Multipurpose website template:多用途的、设计精美的PSD。
![](http://cms.csdnimg.cn/article/201308/28/521d9b6d7818f.jpg)
36、Two.js:这是一个2D绘图API。
![](http://cms.csdnimg.cn/article/201308/28/521d9b81a2a37.jpg)
37、Flat UI login form:这是一个流行的登录和注册表单格式。
![](http://cms.csdnimg.cn/article/201308/28/521d9b95de0e5.jpg)
38、Ecommerce flat:这是一个PSD格式的、扁平的商业电子UI工具包。
![](http://cms.csdnimg.cn/article/201308/28/521d9ba9142ae.jpg)
39、Brand identity:它是一个分层的PSD,用于呈现出商标和标识设计。
![](http://cms.csdnimg.cn/article/201308/28/521d9bbc0a430.jpg)
40、Animation fill code:这是一个为CSS关键帧动画添加必要代码的App。
![](http://cms.csdnimg.cn/article/201308/28/521d9bd043da6.jpg)
41、Countable.js:这个脚本可以添加实时段落,文字和字符数到一个html元素。
![](http://cms.csdnimg.cn/article/201308/28/521d9bf6228b7.jpg)
42、Github Archiveroom:可以在3D形式下探索Github档案文件。
![](http://cms.csdnimg.cn/article/201308/28/521d9c1629b0d.jpg)
43、iPhone 5 flat:这是一个扁平结构的iPone 5实物模型。
![](http://cms.csdnimg.cn/article/201308/28/521d9c296901e.jpg)
44、HoverMenu:这是个较为简单的可访问菜单,在你网页的任何地方都可以使用。
![](http://cms.csdnimg.cn/article/201308/28/521d9c3c5bf82.jpg)
45、SLY:这是一个JavaScript类库,只可以向一个方向滚动。
![](http://cms.csdnimg.cn/article/201308/28/521d9c4d91202.jpg)
46、Flatstrap:这是一个引导程序的外表形式,使用了扁平设计技术。
![](http://cms.csdnimg.cn/article/201308/28/521d9c62042be.jpg)
47、Packery:一个用于解决装箱布局的JavaScript插件。
![](http://cms.csdnimg.cn/article/201308/28/521d9c74ed32a.jpg)
48、Snaps theme:一个用于WordPress的免费组合主题。
![](http://cms.csdnimg.cn/article/201308/28/521d9c876ae8b.jpg)
49、Easy responsive tabs:这是一个用来优化水平或垂直标签的jQuery插件。
![](http://cms.csdnimg.cn/article/201308/28/521d9cca70efd.jpg)
50、CSS social share button:这是一个扁平式的社交工具提示按钮。
![](http://cms.csdnimg.cn/article/201308/28/521d9cd74aa8e.jpg)
51、Knockout:使用Knockout可以简化动态的JavaScript UI运行MVVM图案的过程。
![](http://cms.csdnimg.cn/article/201308/28/521d9ceab7fc6.jpg)
52、Magazine mockup:这是一个PSD模板,是展示工程项目的理想选择。
![](http://cms.csdnimg.cn/article/201308/28/521d9d02702e2.jpg)
53、Weather icons:PSD格式的气象图标组合,相当有实用性。
![](http://cms.csdnimg.cn/article/201308/28/521d9d1652681.jpg)
54、Flat icons set:这是另外一个图标组集,以.png文件的格式传输。
![](http://cms.csdnimg.cn/article/201308/28/521d9d2aee2f3.jpg)
55、Social media icon set:免费的社交媒体图标组集。
![](http://cms.csdnimg.cn/article/201308/28/521d9da137154.jpg)
56、Simple icons:这也是一个免费的图标组集。
![](http://cms.csdnimg.cn/article/201308/28/521d9dbb83c22.jpg)
57、Icon hover effects:圆形图标悬浮效果,可以和CSS转换。
![](http://cms.csdnimg.cn/article/201308/28/521d9dce5a77e.jpg)
58、Percentage bars:使用CSS技术构建的扁平化风格的百分比滚动条。
![](http://cms.csdnimg.cn/article/201308/28/521d9de085303.jpg)
59、Twitter UI:这是一个用CSS和HTML构建的Twitter用户UI。
![](http://cms.csdnimg.cn/article/201308/28/521d9df3d21fd.jpg)
60、Music widget:这是一个带有一些简单动画的扁平窗口音乐播放器。
![](http://cms.csdnimg.cn/article/201308/28/521d9e0a8aafb.jpg)
相关文章推荐
- 推荐Web开发人员应有的7款免费的Android应用
- Android开发必备的21个免费资源和工具(2)
- [Android开发] WebView遇到的问题以及解决
- Android人脸识别开发入门--基于虹软免费SDK实现
- 基于openfire+smack的Android、Web、PC开发(一)
- Android开发之WebView详解
- Android开发必看-快速提高 Android 开发效率的 Web 工具
- 免费云空间/VPS AppFog申请及Python Web应用开发与上传实战
- Android开发之webview和 js 互调
- Android WebView开发常见问题
- Android WebView 开发详解(一)
- Android开发学习笔记:浅谈WebView
- java web开发(二) 8款必备的免费移动Web开发框架(HTML5/JS)
- Android 开发之 WebVIew 与 JS 交互
- 全面的android webview开发使用详解
- 在android开发中遇到的WebView控件相应的总结
- Android开发:最全面、最易懂的Webview详解
- 总结使人进步,可视化界面GUI应用开发总结:Android、iOS、Web、Swing、Windows开发等
- Android开发学习笔记:浅谈WebView
- android webview H5开发若干问题之问题二:cookie问题