25 Latest Tools and Applications for Developers


What’s In Your Dev Toolkit?

The World Wide Web has become a major delivery platform for web development along with a variety of complex and sophisticated enterprise applications in several domains. In addition to their inherent multifaceted functionality, these web applications exhibit complex behavior and place some unique demands on their usability, performance, security and ability to grow and evolve.

Web application development has certain characteristics that make it different from traditional software, information system, or computer application development.The array of developer tools such as plugins, widgets, apps and browser extensions, which are created on a daily basis for a host of various web functions is nearly innumerable.

New tools by which to add functionality to nearly everything ranging from websites to apps and UI’s can be found and implemented quickly and at most times effortlessly [ on the proviso one is adept at code ], they can basically improve upon their sites UI interface, as well as how their content is displayed to the end user.

Website owners can basically incorporate any of these tools by which to enhance their website functionality and overall appearance. This is a subjective list based upon our search, we’d love to hear from Web developers about the tools which they find most productive, exciting, useful, etc. Feel free to share your favorites in the comments below, and if you see something trending that needs writing about in 2012 drop us your feedback. Enjoy !

1. Ninja : An Authoring Tool for HTMl5 Content & Apps

ninja_full
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
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

thisisresponsive

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
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

reavel-js
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

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
“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
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_com

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

pdfsketchsheets

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

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

speakker2

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

derby

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-node-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

stiches

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

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

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
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

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_com

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

epic-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

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

authmanager

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

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-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
 

Get Our Feeds Delivered To Your Inbox

Like This Post

  0 Like

AUTHOR INFO

Tech Gaming Geek trapped inside Tron.

Latest posts by Gavin (see all)

Feedback 6 Comments

  1. [...] 英文来源:new-tools-and-applications-for-developers 关键词:开发工具 程序员 更多 [...]


Leave a Reply