/ best free open source web resources /

Graphic Resources

Free Download: Smarter Wireframe and UI Kit

Posted · Category: License Free, Tools

Normal wireframes provides limited insight or vision, and clients didn’t understand them. As a result, ideas were lost, and a gap was forming in the earliest stages of the project. What C.Rowe thought were clear wireframes, were just boxes. He’s realizing that some clients need visual cues to help them interpret this bare bones approach to organizing content. Here we got C.Rowe Wireframe and UI Kit.

Using C.Rowe Wireframe and UI Kit has not only bridged some gaps for the client, but it has allowed us to start testing interfaces earlier and at a faster rate. So if you’re digging this kit and want to start using it, then download and get going.


Requirements: –
Demo: http://theycallmecrowe.com/advice/crowe-wireframekit.html
License: License Free

Tag & Search Your Chrome Bookmarks with Dewey

Posted · Category: License Free, Tools

Dewey is a Chrome app for tagging, searching and sorting your Chrome bookmarks. With Dewey you can add custom tags, generate screenshots of your bookmarks, search and sort in a much smarter and faster way. Dewey organizes your bookmarks into a grid that continues to load as you scroll down. The layout is also fully responsive, so it still works well even if you need to use a narrow browser window.


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

The Vibration API for Mobile Devices

Posted · Category: GPL License, Tools

The Vibration API is an API specifically made for mobile devices as they are thankfully the only devices that have a vibrate function. The API allows developers to vibrate a device (in a pattern) for a given duration. The vibration API is implemented in navigator.vibrate. So calling the function makes your phone vibrate. You can test if your browser is recent enough to have the vibrate function in navigator.

Groggie mentioned his blog post on using the Vibration API for music and theme songs. It’s a really cool example of what can be done using the Vibration API and some creative thought.


Requirements: jQuery Framework
Demo: http://www.illyism.com/journal/vibration-api
License: GPL License

Document Your Photoshop Mockups with Ink Plugin

Posted · Category: License Free, Tools

Handling mockups to developer teams can be tricky. As a designer, sometimes I wrongly assume that everyone knows about how photoshop shapes, effects, and typography works. Sometimes lack of specifications leads to inaccurate front-end outputs. Sometimes the final product just doesn’t look exactly as expected.

Ink Photoshop Plugin helps you providing few extra important informations about your mockups by documenting your layers, from typography to effects and shape sizes.


Requirements: Photoshop CS6 / CC
Demo: http://ink.chrometaphore.com/
License: License Free

Sample Avatars for Interface Design with UI Faces

Posted · Category: License Free, Tools

Finding sample avatars for interface design can be hard and annoying too. However uifaces can make your life simple. UI Faces is a online tool that have growing number avatars collection.

It provides a interface to adjust the avatar size, spacing and border radius of avatars. After adjusting the avatar according to your requirement you save the avatar by right clicking on avatar. This tool was born from the daily toil of finding sample avatars for UI mockups, and created by Caleb Ogden.


Requirements: –
Demo: http://uifaces.com/
License: License Free

How to Create Sticker Effect with Sticker.js

Posted · Category: MIT License, Tools

Sticker.js is a javaScript library that allows you to create a Sticker Effect. There is no dependencies (jQuery not required). It works in most of major browsers that support CSS 3 (IE10+). It is licensed under MIT License.


Requirements: Javascript framework
Demo: http://stickerjs.cmiscm.com/
License: MIT License

Time Saving Synchronised Browser Testing

Posted · Category: MIT License, Tools

When you’re making responsive websites, there’s a lot of tweaking and testing to do. BrowserSync makes your workflow faster by synchronising URLs, interactions and code changes across multiple devices. It’s wicked-fast and totally free.

Your scroll, click, refresh and form actions are mirrored to browsers while you test. Browsers are automatically updated as you change HTML, CSS, images and other project files. Ready to use with websites running on PHP, ASP, Rails and more. Fine with static files too.


Requirements: –
Demo: http://www.browsersync.io/
License: MIT License

Nightwatch.js – Browser Automated Testing Done Easy

Posted · Category: License Free, Tools

Nightwatch.js is an easy to use Node.js based End-to-End (E2E) testing solution for browser based apps and websites. It uses the powerful Selenium WebDriver API to perform commands and assertions on DOM elements.

It’s simple but powerful syntax which enables you to write tests very quickly, using only Javascript and CSS selectors. No need to initialize other objects and classes, you only need to write the test specs. Built-in command-line test runner which enables you to run the tests either altogether, by group or single.


Requirements: Node.js
Demo: http://nightwatchjs.org/
License: License Free

Create Progress Bar for Every Objects on the Page

Posted · Category: MIT License, Tools

ProgressJS is a JavaScript and CSS3 library which help developers to create and manage progress bar for every objects on the page. You can design your own template for progress bar or customize it simply.

You can use ProgressJs for show the progress of loading contents (Images, videos etc.) on the page to the users. It could be used on all elements including textbox, textarea or even whole body. It is light-weight, easy to use, customizable, free and open-source.


Requirements: JavaScript Framework
Demo: http://usablica.github.io/progress.js/
License: MIT License

50K Designers Use Code-Free Website Creation: Webydo

Posted · Category: Tools

There are many ways one can choose to create a website nowadays. You can start building the website from scratch, something that requires a lot of resources, or you can use a website builder, something that helps you build your site without requiring any background in coding or development. The best solution though for the creative professional design, is to have a platform where you can start from a blank canvas and not have to write code. Curious which pro website creator we’re talking about?


As you can see, there are lots of solutions, but few of them really stand out. Let us introduce you to Webydo, the professional (B2B) online website design platform that allows you to create a responsive website intuitively and with premium professional results. Specifically created with the professional designers needs in mind, Webydo’s platform allows you to create impressive HTML websites without writing any code. There are no limitations, and the process is very fast.

On top of that, the platform uses an integrated CMS, which provides its users with the means to update the website content at any given time, if the need for such thing arises. Read the rest of this entry »

Page 18 of 56...«141516171819202122»...
Supported By


Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons