1. Ninja : An Authoring Tool for HTMl5 Content & Apps
Ninja is a fully featured content authoring tool for creative professionals who need to deploy HTML5 web applications for desktop or mobile, and want to create content in a visual way.
Source
2. jsPDF : Create PDF Files with JavaScript
jsPDF, a free JavaScript library, doesn’t need any server-side script and cancreate PDF files on the client-side. It has support for text (styling is possible), drawing shapes and images. Also, the document can be set as landscape and metadata like subject an title can be added as well. The library works with no requirements in modern browsers and has aFlash-fallback for the others.
Source
3. This is Responsive
This Is Responsive is an impressive and must-bookmark resource for anyone working on such layouts. It features responsive patterns for the layout, tables, navigation, forms, images and more. Also, it has a very well categorized list of links to responsive-related resources where you can find articles, tutorials and libraries/plugins.
Source
4. Infinity.js : Speeds Up Scrolling Through Long Lists
Infinity.js is a UITableView for the web: it speeds up scrolling through long lists and keeps your infinite feeds smooth and stable for your users. It is small, battle-tested, and highly performant. The code is hosted on Github, and distributed under the BSD License. The annotated source is available, as are demos both with Infinity turned off and on. Infinity.js was built by Airbnb alongside the development of the Popular Wishlists and Friends feeds, and sees daily production use there today. Its only dependency is on jQuery.
Source
5. Reveal.js : HTML Presentation Framework
Reveal.js is a framework for easily creating beautiful presentations using HTML. It comes with a broad range of features including nested slides, markdown contents, PDF export, speaker notes and a JavaScript API.
It’s best viewed in a browser with support for CSS 3D transforms but fallbacks are available to make sure your presentation can still be viewed elsewhere. If you’re interested in using speaker notes, reveal.js comes with a Node server that allows you to deliver your presentation in one browser while viewing speaker notes in another.
Source
6. OpenKeyval
OpenKeyval is a completely open key-value data store, exposed as a drop-dead simple web service. The goal is to make this a very easy way to persist data in web applications. We simply send a POST request to store any data (with a unique prefix of our preference), can request or delete it anytime and responses comes in a JSON format. Also, like mentioned, OpenKeyval is open source. It is built with PHP and anyone can host their own instance.
Source
7. PHP The Right Way
“PHP: The Right Way” is a very detailed and free documentation of PHP’s best practices to help anyone write better code. There is no standard way of writing code and the website aims to show the generally accepted practices and alternatives. Also, there are lots of links to authoritative tutorials on the web. It has topics from the setup of PHP to the basics, security, caching and much more.
Source
8. Big Screen
BigScreen is a simple library for using the JavaScript Full Screen API. BigScreen makes it easy to use full screen on your site or in your app. It smoothes out browser inconsistencies and bugs, especially if the element you’re working with is inside of an iframe. It will also intelligently fall back to the older video full screen API if the element contains a
9. Site Cake : Open Source CMS for Small Websites
SiteCake is an open source PHP CMS application which allows site admin toedit a website while browsing it. Once logged in, everything becomes editable and it displays a “content editing bar” with options for inserting HTML elements like headers, lists, images, videos and other stuff like Google Maps or a slideshow. It is possible to crop images, drag ‘n’ drop items, create new pages and delete anything with a click. SiteCake-enabling any website is easy by simply adding specific classes to the HTML elements and the its UI is multi-language (there are various languages files provided).
Source
10. PDF Sketch Sheets for Creating Wireframes
Sneakpeekit is a website providing high-quality PDF sketch sheets for web designers. The sheets are compatible with the most popular grid systems like Less Framework 4, 978 grid system, 1140 css grid, The Semantic grid system, Bootstrap from Twitter, etc. And, they are not only for the desktop browsers but there are versions for tablets and mobile as well.
Source
11. MobileCartly : Open Source Mobile E-Commerce App
MobileCartly is an open source shopping cart application that focuses on mobile. With a front-end that is compatible with all major mobile browsers and a powerful back-end, it makes selling via mobile pretty easy. It uses a CSV file as the data source and you can use Open Office, Google Docs or MS Excel to add/edit/remove your products. There are features like PayPal integration, order management, stats and invoicing. It also has a WordPress plugin that can integrate your blog with the mobile store.
Source
12. Speakker
Speakker is a Crossbrowser Audio solution featuring HTML5. It comes out of the box in two variations and with incredible options of customization: Flexible dimensions, unlimited colors and two different button sets for light and dark themes. Easy to set up. Just a few lines of Javascript and a quantum CSS.
Source
13. Derby MVC Framework
The Derby MVC framework makes it easy to write realtime, collaborative applications that run in both Node.js and browsers.Derby includes a powerful data synchronization engine called Racer that automatically syncs data among browsers, servers, and a database.
Models subscribe to changes on specific objects, enabling granular control of data propagation without defining channels. Racer supports offline usage and conflict resolution out of the box, which greatly simplifies writing multi-user applications.
Source
14. Express : Robust Node.js Web Application Framework
Express is a minimal and flexible node.js web application framework, providing a robust set of features for building single and multi-page, and hybrid web applications. With a myriad of HTTP utility methods and Connect middleware at your disposal, creating a robust user-friendly API is quick and easy.
Source
15. Stictches : A Handy HTML5 Sprite Sheet Generator
Stitches is an HTML5 sprite sheet generator. Simple drag and drop image files into the space below and click “Generate” to create a sprite sheet and stylesheet. Stitches uses a couple of HTML5 APIs, and it is only currently compatible with the latest versions of Chrome and Firefox. However, it does not work on IE9. It required jQuery 1.7.1+, Modernizr, Dropfile, Flashcanvas for older browser support. It is licensed under MIT License.
Source
16. Cage : A Pretty Slick Online Collaboration Tool
Cage is a an online collaboration tool that makes it shockingly simple for designers and teams to share, organize, manage, and approve creative work. Using Cage, you can add simple, straightforward notes & conversations directly on the work, and then show your clients past revisions so they can see the progress you have made.
Cage provides your clients and team the ability to approve work faster. It is useful for any type of designer, artist or creative team without a lot of clutter. Leaving out vital features for the sake of simplicity leads to workarounds, and that doesn’t work for anyone. It makes it easy for creatives to present, manage and secure approvals on their work.
Source
17. Jam : A JavaScript Package Manager for Front End Developers
Jam is a package manager for JavaScript. Unlike other repositories, they put the browser first. Using a stack of script tags isn’t the most maintainable way of managing dependencies, with Jam packages and loaders like RequireJS you get automatic dependency resolution.
You can achieve faster load times with asynchronous loading and the ability to optimize downloads. JavaScript modules and packages provide properly namespaced and more modular code. Every package work in the browser and play nicely with module loaders like RequireJS. They’re not hijacking an existing repository, they’re creating a 100% browser-focused community.
Source
18. FileDrop : Cross-Browser Drag n Drop File Uploader
FileDrop is a JavaScript class for quickly creating drag ‘n’ drop file upload interfaces. The class doesn’t require any JavaScript frameworks and works cross-browser, including IE6 (with iFrame fallback).
It has support for multiple file uploads, there are callbacks on many events and any number of FileDrop uploaders can be used in the same page. Also, the size of the class is lightweight (3.5 gzipped) and its API is well-documented.
Source
19. DbNinja
DbNinja is an advanced web-based application for MySQL database administration and development. It’s a must-have for those who wish to access their hosted servers remotely. DbNinja supports all the latest features including: triggers, events, views, stored routines and foreign keys; in addition it allows to import and backup data and MySQL object structures, manage users and much more. DbNinja has a highly functional and elegant user interface, and can be used securely in any modern browser on any OS.
Source
20. CSSComb : Sort CSS Properties in a Given Order
CSScomb, a free service sorts CSS properties in any order you want (and, their default order is pretty good too -from the most to least important-). It works with both single + multi-line CSS code and besides the online version, there are add-ons provided for the most popular IDEs.
Source
21. EpicEditor : An Embeddable JavaScript Editor
EpicEditor is an embeddable JavaScript Markdown editor with split fullscreen editing, live previewing, automatic draft saving, offline support, and more. For developers, it offers a robust API, can be easily themed, and allows you to swap out the bundled Markdown parser with anything you throw at it.
EpicEditor is set up to allow you to use any parser that accepts and returns a string. This means you can use any flavor of Markdown, process Textile, or even create a simple HTML editor/previewer. Theming is easy in EpicEditor as well.
Source
22. Moqups
Moqups is a nifty HTML5 App used to create wireframes, mockups or UI concepts, prototypes depending on how you like to call them. They’ve tried to make things simple and fairly intuitive so you can unleash your creativity without any obstacles. Moqups is built on open standards, striving to provide the best experience within the browser, without compromise.
Source
23. AuthManager : Open Source PHP User Authentication & Management App
It is an open source user management and authentication system built with PHP. AuthManager comes with a ready-to-use registration module where users can register with their e-mails or Facebook accounts, sign-in and get a new password if they forgot it. Besides the front-end, AuthManager has a powerful back-end which integrates with Google Analytics, shows the logs of user activities, displays members for editing/deleting and presents various settings for customization.
Source
24. Foundation 3
Foundation 3 is built on ZURB’s 14 years of experience at building sites and apps for the Web. It is built with Sass, a powerful CSS preprocessor, which allows us to much more quickly develop Foundation itself, as well as sites built with it. You can use the Sass or straight CSS version of Foundation.
Source
25. Prism : Light Weight Syntax Highlighter
Prism is lightweight (1.5KB minified & gzipped), can be integrated so easily (just insert a CSS and JS file) and works fast. It is already used to beautify lots of code in Dabblet (an interactive CSS playground) so its pretty stable. New languages can be added and the functionality can be improved with the plug-in architecture and the look/feel can be completely styled via CSS. Source