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

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

来源 WebDesignerDepot| 作者 Juan Pablo Sarmiento

摘要:文章里收集了60个免费的开发资源库,它们种类丰富,功能齐全。这些资源包括Fitgrd、Horizontal menu、Upload form、Minimalistic、Fries、Linecons、Windows和Transit等等。希望它们在开发道路上能够助你一臂之力。

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

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

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


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


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


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


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


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


7、Mobile application UI kit这个移动App UI工具包可供PSD格式下载。


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


32、Skel.js一个用于创建响应式站点的前端框架。


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


50、CSS social share button这是一个扁平式的社交工具提示按钮。


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


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


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


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


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


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


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


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


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


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


原文:WebDesignerDepot

  • 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、付费专栏及课程。

余额充值