Random Apps And Tools For Designers And Developers

I’m very glad that we work in a vast domain where new resources appear everyday from handy developers and designers for the rest of us, developers or designers. Having said that, I’m inviting you to check out this list of 33 tools and apps that could help you on your projects.

Bear CSS

Bear CSS is a handy little tool for web designers. It generates a CSS template containing all the HTML elements, classes & IDs defined in your markup.

Rickshaw

Rickshaw is a JavaScript toolkit for creating interactive time series graphs, developed at Shutterstock.

Jeditable – Edit In Place Plugin For jQuery

Hi! My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements.

Font.js: A Powerful Font Toolkit for JavaScript

Mike Kamermans has been working on a little font toolkit for your JavaScript that is kind of akin to the built-in Image object but for Fonts. It gives you font loading events using a technique perfected in Mozilla’s pdf.js project, metrics information, and a better version of the canvas element’s measureText method with additional information such as height, bounding box, and leading.

HTML5 Reset v2

Like a lot of developers, we start every HTML project with the same set of HTML and CSS files. We’ve been using these files for a long time and have progressively added bits and pieces to them as our own personal best practices have evolved.

Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it’s time for our best practices to catch up, and we thought we’d put our files out there for everyone to use. By no means do we see this as the One True Way to start every project, but we think it’s a good starting place that anyone can make their own.

jQuery Collapse

This Plugin delivers an accessible and lightweight solution to a widely adopted interface pattern (known as progressive disclosure). It includes features like cookie persistence, ARIA compliance, and is designed to be flexible and modular enough to be used in many different’t scenarios.

PxLoader: A JavaScript Preloader for HTML5 Apps

PxLoader is a Javascript library that helps you download images, sound files or anything else you need before you take a specific action on your site (like showing a user interface or starting a game). You can use it to create a preloader for HTML5 games and websites.

jquery.mentionsInput

jquery.mentionsInput is a small, but awesome UI component that allows you to “@mention” someone in a text message, just like you are used to on Facebook or Twitter.

ofmlabs codecs: A suite of JavaScript audio codecs

Web browsers are becoming more and more powerful, and new APIs like the Web Audio API and Audio Data API are making the web an ever more interesting and dynamic place. At ofmlabs we are invested in improving the state of audio on the web, and with JSMad showed that decoding audio purely in JavaScript is possible thanks to these APIs and the hard work of browser makers and spec authors. And now we’ve done it again. Introducing alac.js, a port of the recently open sourced Apple Lossless decoder to JavaScript. Now it is possible to play MP3 and Apple Lossless even in browsers without native support.

Ember.js

Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture.

Enlight

Enlight is the new open source e-commerce framework by Shopware. Enlight is based on both the Zend framework and the Symphony 2 framework but, unlike them, focuses on the developing of modern rich internet applications (RIA) as well as individual e-commerce applications.

PHP BUG LOST

PHP Bug Lost is a one-file script PHP debug and monitoring console. Include it in your script and: send log messages, view SQL queries (sends an email to the admin if there’s an error), measure times and memory usage (sends emails for long loading times or excessive memory usage), see all the vars in your scripts and view all your AJAX queries (send params and responses).

Gridpak: The Responsive grid generator

Gridpak is the starting point for your responsive projects, improving your workflow and saving time. Create your responsive grid system once using the simple interface and let Gridpak do the heavy lifting by generating PNGs, CSS and JavaScript.

jqMobi

jqMobi is a Javascript framework targeted at HTML5 browsers with a blazingly fast query selector library that supports W3C queries.

FeedEk jQuery RSS/ATOM Feed Plugin

FeedEk is an RSS/ATOM Feed Reader/Importer/Parser that is written with jQuery. You can obtain feeds easily from any domain.

Fbootstrapp

Fbootstrapp is a toolkit designed to kickstart development of facebook iframe apps in both relevant sizes. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more, styled in the typical facebook look and feel.

Revolver.js

Revolver is a new content slider that makes no assumptions about your markup. Think of Revolver as a boilerplate or framework for making your own slider, exactly the way you want it.

3×4 Grid Builder

The 3 × 4 grid poster illustrates a change in design practice. Computation-based design—that is, the use of algorithms to compute options—is becoming more practical and more common. Design tools are becoming more computation-based; designers are working more closely with programmers; and designers are taking up programming.

Scrollorama

impress.js

It’s a presentation tool inspired by the idea behind prezi.com and based on the power of CSS3 transforms and transitions in modern browsers.

jQuery UI Bootstrap

With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter Bootstrap side-by-wide with it without components breaking visually.

Screenfly

CoderDeck

CoderDeck combines Deck.js with the CodeMirror2 highlighting code editor to make it easy to demo and teach live HTML, CSS and Javascript directly in the browser.

Dialawg

The astonishingly simple way to share, track, protect, and control your files, messages…and relationships.

WhatFont Tool

What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that’s too complicated. It should be just a click away.

Patternizer

With Patternizer, it’s easy to make something amazing in just a few minutes. It takes all the work out of creating complicated patterns, letting you focus on creativity and play. Patterns can be saved and shared with anyone, allowing for collaboration and remixing.

Clickdummy

Clickdummy is about communicating your designs better. ClickDummy turns your website, mobile and software mockups into clickable prototypes with room for annotation and feedback from your clients, friends, and co-workers. No more emailing .PDFs, trying to trace feedback through message threads, or worrying about putting Photoshop images into an HTML container. Clickdummy puts your designs and feedback in context.

Remind Me Later

Remind Me Later adds events to iCal in two clicks. Type “Buy groceries at 4pm tomorrow”, and it will add “Buy groceries” to iCal at 4pm tomorrow.

Projectial

Projectial is a system which makes managing projects, human resources, finances, and time, more effective. Implementing it, you can overview the employees, their tasks and projects, and the whole company.

Skyclerk

Skyclerk will change the way you look at bookkeeping and accounting forever. Our system makes it so any small to medium size business can be up and running with a fully robust accounting system in seconds. No software to install, no backups to worry about, no expensive shrink wrap software to buy.

Golden Ratio Calculator

There are two scenarios the calculator is designed for. The first is that you have a column with a certain width (perhaps to achieve a nice word:line ratio). You wish to find a matching column. Type in the width and use the left side, which gives you both a smaller and larger column.

The second scenario is that you have a container and wish to divide it in two. Type in the container width and use the right side measurements

Opus Domini Lite

Personal Planner and management application, includes
-Daily Tasks
-Master Tasks
-Compass
-Goals
-Mission
-Multiple Planning Views
-Meeting Planner
-Repeating Tasks
-Subtasks
-Master Task Planner
-Event synchronization with ical
-Search
-Password protection
-Weather info

Smartling

Web and mobile app content is becoming more dynamic. Content that could, should and would be translated is growing exponentially. The “translation challenge” is only getting bigger.

Share this

admin