文档章节

Web App and Mobile App 60 free resources you r...

李广韬
 李广韬
发布于 2013/09/10 10:17
字数 737
阅读 144
收藏 1

Finding the right elements for a project can significantly improve the quality of the final product, especially if your deadline’s too tight to build these things yourself.

Quality is essential if you’re to maintain a professional finish. Fortunately the quality of the resources available to us continues to rise and premium standard resources are everywhere. Here’s a collection of some of our current favorites:

 

Mmenu

This jQuery plugin creates slick, app-like sliding menus for mobile sites.

A-showcase-of-must-have-tools-for-webdesigners_001

 

Fabric textures

These 5 cloth textures are free to download as JPGs.

A-showcase-of-must-have-tools-for-webdesigners_002

 

Fitgrd

This is a lightweight and cool looking responsive grid.

A-showcase-of-must-have-tools-for-webdesigners_003

 

Horizontal menu

This is a horizontal slide-out menu with a grid based submenu.

A-showcase-of-must-have-tools-for-webdesigners_004

 

Upload form

This is a mini Ajax upload form.

A-showcase-of-must-have-tools-for-webdesigners_005

 

Minimalistic (free for personal use)

Minimalistic is a minimal WordPress theme with nice brushstroke patterns.

A-showcase-of-must-have-tools-for-webdesigners_065

 

Mobile application UI kit

This mobile application UI kit is downloadable as a PSD.

A-showcase-of-must-have-tools-for-webdesigners_006

 

Flat icon set

Who can have too many flat icon sets?

A-showcase-of-must-have-tools-for-webdesigners_007

 

Flatilicious icons

Seriously, who can have too many?

A-showcase-of-must-have-tools-for-webdesigners_008

 

Fries

Create an Android-like UI with HTML, CSS and JavaScript

A-showcase-of-must-have-tools-for-webdesigners_009

 

Linecons

48 fully scaleable vector icons.

A-showcase-of-must-have-tools-for-webdesigners_010

 

Windows

A jQuery plugin for fullscreen scrolling windows.

A-showcase-of-must-have-tools-for-webdesigners_011

 

Slider

A useful free slider with gliding backgrounds.

A-showcase-of-must-have-tools-for-webdesigners_012

 

Transit

Super smooth CSS transitions and transforms for jQuery.

A-showcase-of-must-have-tools-for-webdesigners_013

 

FastCache

The fastest PHP object caching system ever, apparently.

A-showcase-of-must-have-tools-for-webdesigners_014

 

Beag

A set of useful mobile app UI elements.

A-showcase-of-must-have-tools-for-webdesigners_015

 

Mixitup

A CSS3 and jQuery filter and sort plugin.

A-showcase-of-must-have-tools-for-webdesigners_016

 

Pricing table

A minimal pricing table for designers and developers.

A-showcase-of-must-have-tools-for-webdesigners_017

 

Cesium

This is a JavaScript library for creating 3D globes in a web browser.

A-showcase-of-must-have-tools-for-webdesigners_018

 

Bootstrap magic

Use this to create your own Twitter Bootstrap theme.

A-showcase-of-must-have-tools-for-webdesigners_019

 

Map icons designer

Icons for Google maps, suitable for map applications.

A-showcase-of-must-have-tools-for-webdesigners_020

 

Transparent UI kit

This is a layered UI kit in a PSD.

A-showcase-of-must-have-tools-for-webdesigners_021

 

Topcoat

A CSS kit for lightweight web apps.

A-showcase-of-must-have-tools-for-webdesigners_022

 

Controls settings

A useful PSD flat control panel.

A-showcase-of-must-have-tools-for-webdesigners_023

 

CSS modal

A modal builder in pure CSS.

A-showcase-of-must-have-tools-for-webdesigners_024

 

Sassaparilla

This is a quick way to jump-start responsive design projects.

sassaparilla

 

Beach UI

A minimal UI kit in the form of a PSD.

A-showcase-of-must-have-tools-for-webdesigners_026

 

Retina-ready menu

This is a responsive, touch-friendly menu with three layouts for different browsers.

A-showcase-of-must-have-tools-for-webdesigners_027

 

Flexisel

A responsive carousel jQuery plugin.

A-showcase-of-must-have-tools-for-webdesigners_028

 

W2UI library

As set of connected jQuery plugins designed for front end use.

A-showcase-of-must-have-tools-for-webdesigners_029

 

Dark Accordion

A stylish navigation menu in a PSD.

A-showcase-of-must-have-tools-for-webdesigners_030

 

Skel.js

A frontend framework for building responsive sites.

A-showcase-of-must-have-tools-for-webdesigners_031

 

Magnific Popup

A responsive jQuery lightbox plugin.

A-showcase-of-must-have-tools-for-webdesigners_032

 

Nice Less buttons

A set of buttons made in CSS.

A-showcase-of-must-have-tools-for-webdesigners_034

 

Multipurpose website template

A beautifully designed PSD for any purpose.

A-showcase-of-must-have-tools-for-webdesigners_035

 

Two.js

A 2D drawing API.

A-showcase-of-must-have-tools-for-webdesigners_036

 

Flat UI login form

A trendy login and register form.

A-showcase-of-must-have-tools-for-webdesigners_037

 

Ecommerce flat

A flat ecommerce UI kit in PSD format.

A-showcase-of-must-have-tools-for-webdesigners_038

 

Brand identity

A layered PSD for presenting logo and identity design.

A-showcase-of-must-have-tools-for-webdesigners_039

 

Animation fill code

An app to fill in the necessary code for CSS3 keyframe animations.

A-showcase-of-must-have-tools-for-webdesigners_040

 

Countable.js

This script adds live paragraph, word, and character counting to an html element.

A-showcase-of-must-have-tools-for-webdesigners_041

 

Github Archiveroom

Explore your Github archive in 3D.

A-showcase-of-must-have-tools-for-webdesigners_042

 

iPhone 5 flat

A flat iPhone 5 mockup.

A-showcase-of-must-have-tools-for-webdesigners_043

 

HoverMenu

An easily accessible menu anywhere on your page.

A-showcase-of-must-have-tools-for-webdesigners_044

 

SLY

A JavaScript library for one-directional scrolling.

A-showcase-of-must-have-tools-for-webdesigners_045

 

Flatstrap

A bootstrap skin using flat design techniques.

A-showcase-of-must-have-tools-for-webdesigners_046

 

Packery

A JavaScript plugin for bin-packing layouts.

A-showcase-of-must-have-tools-for-webdesigners_047

 

Snaps theme

A free portfolio theme for WordPress.

A-showcase-of-must-have-tools-for-webdesigners_048

 

Easy responsive tabs

A jQuery plugin that optimises horizontal or vertical tabs.

A-showcase-of-must-have-tools-for-webdesigners_049

 

CSS social share button

A flat social tooltip button.

A-showcase-of-must-have-tools-for-webdesigners_050

 

Knockout

Use Knockout to simplify dynamic JavaScript UIs using the MVVM pattern.

A-showcase-of-must-have-tools-for-webdesigners_051

 

Magazine mockup

A PSD template ideal for showcasing your projects.

A-showcase-of-must-have-tools-for-webdesigners_055

 

Weather icons

A great set of weather icons in PSD format.

A-showcase-of-must-have-tools-for-webdesigners_056

 

Flat icons set

Another set of icons, this time delivered as .png files.

A-showcase-of-must-have-tools-for-webdesigners_057

 

Social media icon set

A free set of social media icons.

A-showcase-of-must-have-tools-for-webdesigners_058

 

Simple icons

Another set of free icons.

A-showcase-of-must-have-tools-for-webdesigners_059

 

Icon hover effects

Round icon hover effects, this time with CSS transitions.

A-showcase-of-must-have-tools-for-webdesigners_060

 

Percentage bars

Flat style percentage bars built with CSS.

A-showcase-of-must-have-tools-for-webdesigners_061

 

Twitter UI

A Twitter client UI built in CSS and HTML.

A-showcase-of-must-have-tools-for-webdesigners_063

 

Music widget

A flat widget music player with simple animations.

A-showcase-of-must-have-tools-for-webdesigners_064

 

Have you used any of these resources? Have we missed any of your favorites? Let us know in the comments.

About the author
The Shock Family: a team of web professionals and creators of Wordpress Themes Shock (Premium wordpress themes),  WP Theme Generator (A great wp theme creator), and  DesignShock(useful design sets).  More articles by Juan Pablo Sarmiento

本文转载自:http://www.csdn.net/article/2013-08-28/2816732-60-free-resources-you-really-must-try

李广韬

李广韬

粉丝 5
博文 37
码字总数 41075
作品 0
朝阳
高级程序员
私信 提问
How to connect an Ionic Angular application to AWS

TL;DR Since Ionic is powered by Angular, this will hold true for any Angular application, and you will be able to use this knowledge in any Angular web application with minimal ......

Nikola Breznjak
2017/12/26
0
0
10 个创建跨平台移动应用的解决方案

已经有大量创建移动应用的工具,而且会越来越多,在这篇文章中我们介绍构建跨平台移动应用的 10 个解决方案,我们根据复杂度、价格、功能和文档几个方面选择了不同层次的产品。 1. Sencha To...

oschina
2012/08/06
5.3K
13
30 个免费的响应式 HTML5 CSS3 网站模板

网站模板这种东西根本无需任何文字介绍,有图才是真相! Free Retina Ready Responsive App Landing Page Website Template Demo| Download Flat Design Portfolio Template Demo| Download ......

oschina
2014/02/16
12.3K
18
CSS组件库--BootFlat

Boot Flat 基于Bootstrap3.2.0的FLAT UI的CSS组件库,提供了比原生bootstrap更加丰富的页面元素组件和页面布局,适合快速地进行Web app的开发。 兼容浏览器IE8,IE9, IE10, IE11, FIREFOX,C...

raydian_yuan
2013/09/11
9.7K
0
25 个精美的后台管理界面模板和布局

任何系统都会有一个管理后台,好看的管理后台看起来赏心悦目,管理的时候心情也舒畅,本文给大家推荐 25 个制作精美的后台管理界面的模板和布局,你值得拥有。 Free Admin Template Web App ...

红薯
2012/02/18
95.7K
33

没有更多内容

加载失败,请刷新页面

加载更多

查看线上日志常用命令

cat 命令(文本输出命令) 通常查找出错误日志 cat error.log | grep 'nick' , 这时候我们要输出当前这个日志的前后几行: 显示file文件里匹配nick那行以及上下5行 cat error.log | grep -C ...

xiaolyuh
26分钟前
3
0
六、Java设计模式之工厂方法

工厂方法定义: 定义一个创建对象的接口,但让实现这个接口的类来决定实例化哪个类,工厂方法让类的实例化推迟到子类中进行 类型:创建型 工厂方法-使用场景: 创建对象需要大量重复的代码 ...

东风破2019
32分钟前
3
0
win服务器管理遇到的一系列问题记录

有些小伙伴在使用iis7远程桌面管理工具的时候总是会遇到一系列的问题,下面就是为大家介绍一下服务器日常管理过程中出现的问题及我的解决办法和心得。希望能帮到大家。   拒绝服务器重新启...

1717197346
39分钟前
4
0
flutter 剪切板 复制粘贴

复制粘贴功能 import 'package:flutter/services.dart'; Clipboard.setData(ClipboardData(text:_text));Clipboard.getData;...

zdglf
42分钟前
3
0
如何保证消息的可靠性传输?或者说,如何处理消息丢失的问题?

面试题 如何保证消息的可靠性传输?或者说,如何处理消息丢失的问题? 面试官心理分析 这个是肯定的,用 MQ 有个基本原则,就是数据不能多一条,也不能少一条,不能多,就是前面说的重复消费...

米兜
43分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部