60个开发者不容错过的免费资源库

文章作者Juan Pablo Sarmiento收集了60个较为实用、高效的工具资源库,可以帮助开发者快速创建各种Web App和移动App。这些资源的特点是:简单、便捷、免费、高效、功能多。当你独自一人需要在短期内构建一个产品的时候,这些起关键作用的工具定会给你留下更深刻的印象。(以下是编译内容)

下面所列举的就是近期比较受欢迎的资源集合:

1、Mmenu这个jQuery插件能够为移动网站创造出灵活的、类似App的滑动菜单。

Mmenu

2、Fabric textures这5个布料纹理的背景可以以JPG的格式免费下载。

Fabric textures

3、Fitgrd这是一个轻量级的、看起来很酷的响应式网格资源。

Fitgrd

 

 

4、Horizontal menu这是一个水平的滑出式菜单,还带有一个基于网格的子菜单。

Horizontal menu

5、Upload form这是一个微型的Ajax上传表单。

Upload form

6、Minimalistic(免费供个人使用):Minimalistic是一个小型的WordPress主题,带有很好用的绘画技巧模板。

Minimalistic

7、Mobile application UI kit

 

这个移动App UI工具包可供PSD格式下载。

 

Mobile application UI kit

8、Flat icon set几乎没有人会嫌平面图标集太多用不完吧,这里有很多,随你选。

Flat icon set

9、Flatilicious icons毫不掩饰的说,这里的icon数量是最多的,最多的,最多的。

Flatilicious icons

10、Fries在这里,可以使用HTML、CSS和JavaScript来创建Android类型的UI。

 

 

Fries

 

11、Linecons这里包含48个完全可伸缩矢量图标。

Linecons

12、Windows这是一个jQuery插件,用在全屏滚动窗口上。

Windows

13、Slider这是一个很有用的、免费的滑块,带有流畅的滑动背景。

Slider

14、Transit

 

超级顺当的CSS转换效果,还可以随意的切换为jQuery。

 

Transit

15、FastCache很明显,这曾经是最快的PHP对象缓存系统。

FastCache

16、Beag这是一套高效实用的移动App UI组件。

Beag

17、Mixitup这是一个CSS3和jQuery过滤器,另外也是一个分类插件。

Mixitup

 

 

18、Pricing table它是一个为设计师和开发者准备的定价表。

Pricing table

19、Cesium这是一款JavaScript类库,用于在Web浏览器上创建3D地球。

Cesium

20、Bootstrap magic使用这一资源就可以创建你自己的Twitter Bootstrap主题。

Bootstrap magic

21、Map icons designer这些都是Google地图上的图标,适用于各种地图App。

 

 

Map icons designer

 

22、Transparent UI kit这是一个在PSD里的分层UI工具包。

Transparent UI kit

23、Topcoat这是一个CSS工具包用于创建轻便的Web Apps。

Topcoat

24、Controls settings一个较为实用的PSD平面控制面板。

Controls settings

 

25、CSS modal这是一个用纯CSS语言创建的模拟动态下的建设者。

 

CSS modal

26、Sassaparilla这是利用一个较快的方式来启动响应式设计项目的资源。

Sassaparilla

27、Beach UI这是一种PSD形式的微型UI工具包。

Beach UI

28、Retina-ready menu这是一个响应式的触摸屏菜单,带有供不同浏览器使用的三种布局。

 

 

Retina-ready menu

 

29、Flexisel这是一个响应式的旋转木马jQuery插件。

Flexisel

30、W2UI library作为连接jQuery插件的组件,它的主要设计目的是用在前段技术上的。

W2UI library

31、Dark Accordion这是一个以PSD文件形式具有现代风格的导航菜单。

Dark Accordion

32、Skel.js

 

一个用于创建响应式站点的前端框架。

 

Skel.js

33、Magnific Popup它是一个响应式的jQuery光箱特效插件。

Magnific Popup

34、Nice Less buttons这是一个用CSS语言制作的按钮组集。

Nice Less buttons<

35、Multipurpose website template多用途的、设计精美的PSD。

Multipurpose website template

 

 

36、Two.js这是一个2D绘图API。

Two.js

37、Flat UI login form这是一个流行的登录和注册表单格式。

Flat UI login form

38、Ecommerce flat这是一个PSD格式的、扁平的商业电子UI工具包。

Ecommerce flat

39、Brand identity它是一个分层的PSD,用于呈现出商标和标识设计。

 

 

Brand identity

 

40、Animation fill code这是一个为CSS关键帧动画添加必要代码的App。

Animation fill code

41、Countable.js这个脚本可以添加实时段落,文字和字符数到一个html元素。

Countable.js

42、Github Archiveroom可以在3D形式下探索Github档案文件。

Github Archiveroom

 

 

43、iPhone 5 flat这是一个扁平结构的iPone 5实物模型。

 

iPhone 5 flat

44、HoverMenu这是个较为简单的可访问菜单,在你网页的任何地方都可以使用。

HoverMenu

45、SLY这是一个JavaScript类库,只可以向一个方向滚动。

SLY

46、Flatstrap这是一个引导程序的外表形式,使用了扁平设计技术。

 

 

Flatstrap

 

47、Packery一个用于解决装箱布局的JavaScript插件。

Packery

48、Snaps theme一个用于WordPress的免费组合主题。

Snaps theme

49、Easy responsive tabs这是一个用来优化水平或垂直标签的jQuery插件。

Easy responsive tabs

50、CSS social share button

 

这是一个扁平式的社交工具提示按钮。

 

CSS social share button

51、Knockout使用Knockout可以简化动态的JavaScript UI运行MVVM图案的过程。

Knockout

52、Magazine mockup这是一个PSD模板,是展示工程项目的理想选择。

Magazine mockup

53、Weather iconsPSD格式的气象图标组合,相当有实用性。

Weather icons

 

 

54、Flat icons set这是另外一个图标组集,以.png文件的格式传输。

Flat icons set

55、Social media icon set免费的社交媒体图标组集。

Social media icon set

56、Simple icons这也是一个免费的图标组集。

Simple icons

57、Icon hover effects圆形图标悬浮效果,可以和CSS转换。

 

Icon hover effects

 

58、Percentage bars使用CSS技术构建的扁平化风格的百分比滚动条。

Percentage bars

59、Twitter UI这是一个用CSS和HTML构建的Twitter用户UI。 

Twitter UI

60、Music widget这是一个带有一些简单动画的扁平窗口音乐播放器。

Music widget

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
GL Vendor :ATI Technologies Inc. GL Renderer :AMD Radeon HD 6770M GL Version :4.1.10834 Compatibility Profile Context GLu Version :1.2.2.0 Microsoft Corporation Supported GL Extensions: GL_AMDX_debug_output GL_AMDX_vertex_shader_tessellator GL_AMD_conservative_depth GL_AMD_debug_output GL_AMD_depth_clamp_separate GL_AMD_draw_buffers_blend GL_AMD_multi_draw_indirect GL_AMD_name_gen_delete GL_AMD_performance_monitor GL_AMD_pinned_memory GL_AMD_sample_positions GL_AMD_seamless_cubemap_per_texture GL_AMD_shader_stencil_export GL_AMD_shader_trace GL_AMD_texture_cube_map_array GL_AMD_texture_texture4 GL_AMD_transform_feedback3_lines_triangles GL_AMD_vertex_shader_tessellator GL_ARB_ES2_compatibility GL_ARB_blend_func_extended GL_ARB_color_buffer_float GL_ARB_copy_buffer GL_ARB_depth_buffer_float GL_ARB_depth_clamp GL_ARB_depth_texture GL_ARB_draw_buffers GL_ARB_draw_buffers_blend GL_ARB_draw_elements_base_vertex GL_ARB_draw_indirect GL_ARB_draw_instanced GL_ARB_explicit_attrib_location GL_ARB_fragment_coord_conventions GL_ARB_fragment_program GL_ARB_fragment_program_shadow GL_ARB_fragment_shader GL_ARB_framebuffer_object GL_ARB_framebuffer_sRGB GL_ARB_geometry_shader4 GL_ARB_get_program_binary GL_ARB_gpu_shader5 GL_ARB_gpu_shader_fp64 GL_ARB_half_float_pixel GL_ARB_half_float_vertex GL_ARB_imaging GL_ARB_instanced_arrays GL_ARB_map_buffer_range GL_ARB_multisample GL_ARB_multitexture GL_ARB_occlusion_query GL_ARB_occlusion_query2 GL_ARB_pixel_buffer_object GL_ARB_point_parameters GL_ARB_point_sprite GL_ARB_provoking_vertex GL_ARB_sample_shading GL_ARB_sampler_objects GL_ARB_seamless_cube_map GL_ARB_separate_shader_objects GL_ARB_shader_bit_encoding GL_ARB_shader_objects GL_ARB_shader_precision GL_ARB_shader_stencil_export GL_ARB_shader_subroutine GL_ARB_shader_texture_lod GL_ARB_shading_language_100 GL_ARB_shadow GL_ARB_shadow_ambient GL_ARB_sync GL_ARB_tessellation_shader GL_ARB_texture_border_clamp GL_ARB_texture_buffer_object GL_ARB_texture_buffer_object_rgb32 GL_ARB_texture_compression GL_ARB_texture_compression_bptc GL_ARB_texture_compression_rgtc GL_ARB_texture_cube_map GL_ARB_texture_cube_map_array GL_ARB_texture_env_add GL_ARB_texture_env_combine GL_ARB_texture_env_crossbar GL_ARB_texture_env_dot3 GL_ARB_texture_float GL_ARB_texture_gather GL_ARB_texture_mirrored_repeat GL_ARB_texture_multisample GL_ARB_texture_non_power_of_two GL_ARB_texture_query_lod GL_ARB_texture_rectangle GL_ARB_texture_rg GL_ARB_texture_rgb10_a2ui GL_ARB_texture_snorm GL_ARB_timer_query GL_ARB_transform_feedback2 GL_ARB_transform_feedback3 GL_ARB_transpose_matrix GL_ARB_uniform_buffer_object GL_ARB_vertex_array_bgra GL_ARB_vertex_array_object GL_ARB_vertex_attrib_64bit GL_ARB_vertex_buffer_object GL_ARB_vertex_program GL_ARB_vertex_shader GL_ARB_vertex_type_2_10_10_10_rev GL_ARB_viewport_array GL_ARB_window_pos GL_ATI_draw_buffers GL_ATI_envmap_bumpmap GL_ATI_fragment_shader GL_ATI_meminfo GL_ATI_separate_stencil GL_ATI_texture_compression_3dc GL_ATI_texture_env_combine3 GL_ATI_texture_float GL_ATI_texture_mirror_once GL_EXT_abgr GL_EXT_bgra GL_EXT_bindable_uniform GL_EXT_blend_color GL_EXT_blend_equation_separate GL_EXT_blend_func_separate GL_EXT_blend_minmax GL_EXT_blend_subtract GL_EXT_compiled_vertex_array GL_EXT_copy_buffer GL_EXT_copy_texture GL_EXT_direct_state_access GL_EXT_draw_buffers2 GL_EXT_draw_instanced GL_EXT_draw_range_elements GL_EXT_fog_coord GL_EXT_framebuffer_blit GL_EXT_framebuffer_multisample GL_EXT_framebuffer_object GL_EXT_framebuffer_sRGB GL_EXT_geometry_shader4 GL_EXT_gpu_program_parameters GL_EXT_gpu_shader4 GL_EXT_histogram GL_EXT_multi_draw_arrays GL_EXT_packed_depth_stencil GL_EXT_packed_float GL_EXT_packed_pixels GL_EXT_pixel_buffer_object GL_EXT_point_parameters GL_EXT_provoking_vertex GL_EXT_rescale_normal GL_EXT_secondary_color GL_EXT_separate_specular_color GL_EXT_shader_image_load_store GL_EXT_shadow_funcs GL_EXT_stencil_wrap GL_EXT_subtexture GL_EXT_texgen_reflection GL_EXT_texture3D GL_EXT_texture_array GL_EXT_texture_buffer_object GL_EXT_texture_compression_bptc GL_EXT_texture_compression_latc GL_EXT_texture_compression_rgtc GL_EXT_texture_compression_s3tc GL_EXT_texture_cube_map GL_EXT_texture_edge_clamp GL_EXT_texture_env_add GL_EXT_texture_env_combine GL_EXT_texture_env_dot3 GL_EXT_texture_filter_anisotropic GL_EXT_texture_integer GL_EXT_texture_lod GL_EXT_texture_lod_bias GL_EXT_texture_mirror_clamp GL_EXT_texture_object GL_EXT_texture_rectangle GL_EXT_texture_sRGB GL_EXT_texture_shared_exponent GL_EXT_texture_snorm GL_EXT_texture_swizzle GL_EXT_timer_query GL_EXT_transform_feedback GL_EXT_vertex_array GL_EXT_vertex_array_bgra GL_EXT_vertex_attrib_64bit GL_IBM_texture_mirrored_repeat GL_KTX_buffer_region GL_NV_blend_square GL_NV_conditional_render GL_NV_copy_depth_to_color GL_NV_explicit_multisample GL_NV_float_buffer GL_NV_half_float GL_NV_primitive_restart GL_NV_texgen_reflection GL_NV_texture_barrier GL_SGIS_generate_mipmap GL_SGIS_texture_edge_clamp GL_SGIS_texture_lod GL_SUN_multi_draw_arrays GL_WIN_swap_hint

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值