WebAppers

/ best free open source web resources /

Graphic Resources

Top 100 Creative Business Cards for Your Inspirations

Posted · Category: Inspiration

No matter which business you are in, business card will play a important role especially when having business communications with potential clients. There’s crazy amount of competition on the internet, and it is not easy to make your business stand apart from the competition. Everyone is trying innovative ways of attracting and retaining the attention of the customers.

The Design Inspiration has featured the Top 100 Creative Business Cards of All Time for our inspirations. Some business cards feature simple, beautiful typography whilst others more are fun and colourful.

creative-business-cards

Source: Top 100 Creative Business Cards of All Time

Minimal Ghost Blogging Platform Goes Open Source

Posted · Category: Framework, MIT License

Ghost is a platform dedicated to publishing. It has a beautiful minimal design, is very customizeable and Open Source. Ghost allows you to write and publish your own blog, giving you the tools to make it easy and even fun to do.

Ghost application is free. Free to use, free to modify, free to share, free to redistribute. You can do anything you like with the software, without legal restriction. When you download a copy of Ghost, you own it. It’s completely yours.

ghost-blogging

Requirements: –
Demo: https://github.com/TryGhost/Ghost
License: MIT License

Test Responsive Websites with Dimensions Toolkit

Posted · Category: License Free, Tools

Are you sick of having to constantly press that refresh button? Well no more. Dimensions Toolkit is compatible with all JavaScript auto-refreshers, so no more incessant button bashing.

Dimensions Toolkit is all for accurate measurements and sizes. We can control the dimensions of the preview by dragging handles, entering specific values manually or choosing from a selection of popular device measurements.

The toolkit is set to the default breakpoints of 320px, 480px, 768px & 1024px. Using the custom breakpoints feature, Dimensions allows you to change these values to anything you desire.

demensions-toolkit

Requirements: –
Demo: http://www.dimensionstoolkit.com/
License: License Free

Payment SVG Webfont Icons for eCommerce Websites

Posted · Category: Icons, License Free

Payment webfont icons set is handy for designing eCommerce websites. It’s an SVG webfont full of icons of main payment systems. It includes Mastercard, Maestro, Visa, Visa Electron, American Express, Postepay, Cartasì, Diners Club, Discover, Union Pay, Electronic Cash, TrustE, Amazon, JCB Google Wallet, Stripe, Square, Ogone, VeriSign, Bitcoin (2 glyphs), Ripple, Sofortüberweisung, Gittip, Flattr, Skrill Moneybookers, Cartes Bancaires CB.

payment-webfont-icons

Requirements: –
Demo: https://github.com/orlandotm/payment-webfont
License: License Free

Extract Every Layers from PSD with Project Parfait

Posted · Category: License Free, Tools

Project Parfait is an experimental service for designers and developers, who turn Photoshop comps into code-based designs. It lets you quickly and easily extract what you need from a PSD comp.

Project Parfait lets you do the following directly in your browser: Extract color, gradient and font info from a PSD, Copy text and CSS, Get accurate measurements between elements, Export production-ready optimized images.

Project Parfait is ideal for developers and designers who regularly receive Photoshop comps, and translate them into code-based designs. It makes it easier to extract vital information from PSDs. Developers working on native iOS, Android, Mac, and Windows applications may also find Project Parfait valuable.

parfait

Requirements: –
Demo: https://projectparfait.adobe.com/
License: License Free

Raindrop Makes Bookmarks More Vivid and Functional

Posted · Category: License Free, Tools

Raindrop makes bookmarks more vivid and functional. Save important pages, articles, video or photo in one click. Organize collection contents and share with friends.

Raindrop saves not just bookmarks but associated content depending on page type. If it’s an article, it will be cut and saved with the bookmark. The same applies to video, photo and presentations. So you can organize thematic collections with different content. Collections can be made public and used in your application or a website using API.

smart-bookmark

Requirements: –
Demo: http://raindrop.io/
License: License Free

25 Principles of Mobile Site Design from Google

Posted · Category: Information

Consumers increasingly rely on the mobile web to research and make purchases, which makes it more important than ever for companies to have an effective mobile presence. But what makes a good mobile site?

To answer this question, Google partnered with AnswerLab to research how a range of users interacted with a diverse group of mobile sites. From this research: Principles of Mobile Site Design: Delight Users and Drive Conversions, Google established 25 principles of mobile site design to help companies build mobile sites that delight customers and drive conversions.

mobile-design

Source: http://www.google.com/think/multiscreen/whitepaper-sitedesign.html

How to Create Fluid Type with CSS Smarts

Posted · Category: Fonts, License Free

Keeping your type at comfortably readable line lengths can be quite a challenge with responsive design. When viewports can be nearly any size under the sun, it can feel like we’re going to need a whole lot of media queries and coaxing to keep our type in check. We want our type to be stretchy, but not too stretchy, and we want it to look good across the board.

Today, designer Val Head builds a demo to show us how to create Readable, Fluid Type With Basic CSS Smarts for all screen sizes and resolutions without a dev’s expert assistance and without a lot of complex code.

Centered, single text-column layouts are quite popular these days and are exactly the sorts of layouts that suit simple techniques to keep your type flowing flexibly and within a safe range. Beautiful, fluid type with less work.

responsive

Requirements: –
Demo: http://typecast.com/blog/readable-fluid-type-with-basic-css-smarts
License: License Free

Simple, Flat and Free Web / Mobile UI Kit

Posted · Category: MIT License, PS Tutorials

Just another UI Kit is a simple, flat and free mobile / web UI kit avilable as a free PSD under MIT license. There are no restrictions for either personal or commercial use. Basically, you can do whatever you want with it.

just-another-ui-kit

Requirements: –
Demo: http://www.unity.hr/ui-kit/
License: MIT License

Pop – Extensible iOS and OS X Animation Library

Posted · Category: BSD License, Framework

Pop is an extensible animation engine for iOS and OS X. In addition to basic static animations, it supports spring and decay dynamic animations, making it useful for building realistic, physics-based interactions.

The API allows quick integration with existing Objective-C codebases and enables the animation of any property on any object. It’s a mature and well-tested framework that drives all the animations and transitions in Facebook Paper App. Pop is released under a BSD License.

paper

Requirements: iOS and OS X
Demo: https://github.com/facebook/pop
License: BSD License

Page 4 of 5«12345»
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons