WebAppers

/ best free open source web resources /

Graphic Resources

Free Download: 220 Line Icons in PSD Format

Posted · Category: Icons, License Free

Catalin Fertu is an Interface Designer. He has shared a nice set of 220 line icons in PSD format. You can use them as you wish. All the icons are royalty free for personal and commercial use.

new-icons

Requirements: –
Demo: https://dribbble.com/shots/1563947-Free-Icon-Set
License: License Free

Photoshop Rulers & Guides Interface on Web Page

Posted · Category: MIT License, Tools

RulersGuides.js is a Javascript library which enables Photoshop-like rulers and guides interface on a web page. To create a guide, click the vertical or horizontal ruler and drag-n-drop it somewhere outside the ruler.

It is possible to open/save created guides as grids using corresponding hotkeys. Rulers can be locked, so that one of the rulers will scroll along the page and the other will be always visible. Guides can be snapped to defined number of pixels. Detailed info mode is available, which shows position and size of regions created by the guides.

rulers-guides-js

Requirements: JavaScript Framework
Demo: http://mark-rolich.github.io/RulersGuides.js/
License: MIT License

JSCapture: Screen Capture Library with JS and HTML5

Posted · Category: Capture, MIT License

JSCapture is screen capturing library implemented with pure JavaScript and HTML5. It allows you to make screenshots and record a video of your desktop from your browser. JSCapture uses getUserMedia for screen capturing. Currently the API for screen capturing is supported only by Google Chrome, Canary and Chromium by enabling an experimental flag.

In order to enable the flag:
1. Go to chrome://flags/#enable-usermedia-screen-capture.
2. Enable – “Enable screen capture support in getUserMedia()”.
3. Restart your browser.

jscapture

Requirements: JavaScript Framework
Demo: https://mgechev.github.io/jscapture/
License: MIT License

Find Daily Colorful Inspiration with The Day’s Color

Posted · Category: Color Schemes, License Free

Everything you see contains a palette. Some beautiful. Some ‘ugly’. Some dark. Some light. Some hot. Some cold. But they are all inspiring. They are all engaging. Color can adjust our perception. It can effect the way our food tastes. It can increase the emotional and intuitive level of an experience.

The goal of The Day’s Color is to find colorful inspiration from things that surround us. These colors have inspired thought, art, music, memories. Everything. These colors have conjured thoughts outside ourselves. Tapped into things that we may not understand, at first. But, in a sense, make things so much clearer.

the-days-color

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

Griddify – Photoshop Panel to Make Guides & Grids

Posted · Category: GPL License, PS Tutorials

Griddify is a tiny Photoshop Panel to make Guides and Grids. Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop.

Make sure you have Adobe Extension Manager installed. Download Griddify, and install using Adobe Extension Manager. Once installed, open your Photoshop CC. You can find the panel in the “Window” menu, under “Extensions”. Best of all, Griddify is free and open-source.

griddify

Requirements: Photoshop CS 6+
Demo: http://gelobi.org/griddify/
License: GPL v3 License

Draggabilly Makes Drag-and-Drop Functionality Easy

Posted · Category: MIT License, Tools

Draggabilly is a small (~10k) JavaScript library that does one thing well — make that shiz draggable. It makes it super easy to add drag-and-drop functionality to your site. It supports IE8+ and multi-touch. You can specify both a containment area and specific handle for dragging. Installation is simple, just download and include the file.

draggabilly

Requirements: JavaScript Framework
Demo: http://draggabilly.desandro.com/
License: MIT License

Multiple Selection ComboBox for Bootstrap Themes

Posted · Category: Forms, MIT License

MagicSuggest is multiple selection combobox built for bootstrap themes. it allows room for free entries but also have fixed suggestions loaded dynamically. It supports customized presentation, data fetched through ajax but auto filtered by the component. It is licensed under MIT License.

magic-suggest

Requirements: JavaScript Framework
Demo: http://nicolasbize.com/magicsuggest/
License: MIT License

How to Do Parallax Properly with Great Performance

Posted · Category: Information

Parallax has become, for better or worse, an increasingly popular web trend. The problem is, a vast majority of sites using parallax suffer from terrible scroll performance. It’s especially bad on devices with high pixel density like retina MacBook Pro’s.

Dave Gamache has published an article: Parallax Done Right. He played quite a bit with parallax sites and has come up with a non-comprehensive list of Do’s and Don’ts that will hopefully keep you on track to get killer performance.

parallax-demo

Requirements: JavaScript / jQuery Framework
Demo: http://davegamache.com/parallax/
License: License Free

A Collection of CSS Loaders / Loading Spinners

Posted · Category: MIT License, Tools

Single Element CSS Spinners is a collection of loading spinners animated with CSS. Each spinner consists of a single div with a class of ‘loader’ and content text of ‘Loading…’. The text is for screen readers and can be used as a fallback state for older browsers.

The aim of this project was to create a set of minimal loading spinners that are visually appealing and also convey their intended meaning. Each loader is given a font size in pixels and all other sizes are in ems so to change the size of a loader, just adjust the font-size.

css-spinners

Requirements: CSS Framework
Demo: http://projects.lukehaas.me/css-loaders/
License: MIT License

Best Node.js Tutorials and Resources for Beginners

Posted · Category: Best Collections, Information

Node.js is increasingly gaining popularity among web developers. Due to all hosting companies Node.js remains the prerogative of dedicated servers and VPS. Actually VPS is a solution that even a small startup can afford.

For more details refer to the documentation on nodejs.org. As you know, Node.js supports modules. You can find the folder for global modules here: \winginx\nodejs\node_modules\. Modules installed in this folder will be available in all scripts. You can use them, or create a copy in the home directory of your site.

  • Winginx includes module manager NPM, popular framework Express.js, and template engine Jade.
  • For debugging Node-Inspector module is connected. It’s ran as a Node.js server, to access it hit http://localhost:8080/ (please note that it works only in the webkit-compatible browser – Google Chrome).
  • What’s more, to ease your work with database modules and MySQL are also connected.

In brief we can say that Node.js, in contrast to PHP, is not interpreted but is compiled into a single server, and therefore occupies separate port. In conjunction with nginx it works as a backend-server, practicing dynamic queries, and nginx is engaged in statics. Read the rest of this entry »

Page 76 of 322...«727374757677787980»...
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons