Web Developer Tools & Resources
The Espresso Framework makes it faster and easier to create scalable web apps. It’s straightforward to use, with no imposed design patterns and the freedom to create projects however you choose. It builds ready-to-use applications and generates controllers, routes, models, and more right from the command line.
Galleria is a responsive image gallery framework built in JavaScript. It makes it simple to create attractive image galleries for the web adn mobile. It doesn’t require programming skills, makes it easy to pull content from several sources (including Flickr, Picasa, and YouTube), and is free without any restrictions. You can even create tailored themes [...]
Koken makes it easy for designers, photographers, and other creatives to publish their own websites. It includes exceptional media management features via a dedicated, desktop-like interface. You can include all kinds of content, including text, images, videos, slideshows, tweets, and more. Content from Flickr, Instagram, and Vimeo are super easy to display, too.
Prevue is a free way to present your work on the web. Just upload and share your concepts (you can even upload images on the go from your mobile device), get feedback, and manage your project image sets. Prevue even offers tracking with Google Analytics, no advertising on public pages, and the ability to use [...]
Fathom.js lets you easily create slideshows on JavaScript with HTML, CSS, and jQuery-powered JavaScript. It comes with mouse, keyboard, and scroll bar navigation, as well as an API for creating custom interfaces. It has options for things like whether to show slides one at a time or in a continuous line, video synching options, scroll [...]
w2ui is a set of interrelated jQuery plugins that serve as an all-in-one solution that has all of the most common UI widgets: grid, layout, sidebar, tabs, toolbar, popup, field controls, and forms. Forget about putting together a bunch of mismatched plugins to create what you need. The entire library is only 37kb (minified and [...]
Markdown.css makes it easy to make your HTML markup look like plain-text markdown. All it takes is the inclusion of the markdown.css file and defining some classes in your HTML.
Adobe Edge Reflow Preview finally introduces responsive design to Adobe’s Edge Tools & Services. It allows you to create responsive layouts in an intuitive, visual editor, designing simultaneously for different screen sizes. Edge Reflow offers a flexible design approach, visual media query breakpoints, a customizable fluid grid web fonts integration, and much more.
Baseline.js is a jQuery plugin that makes it easier to keep your site’s vertical rhythm in tact with a typographical baseline, even if you add awkwardly-sized images. Regardless of the size images you insert, your baseline will be maintained, giving your site a much more polished and clean look.
Subtome is a new subscribe button that decouples the subscribing web apps from the publishing app by using localstorage within the user’s browser. When a user clicks “subscribe”, Subtome launches an iframe that pulls data from a localStorage instance to load your favorite subscribing applications, offering a much-improved user experience over most other subscribe buttons.
Creating interactive, animated web content just got a whole lot easier with the launch of Adobe Edge Animate. Edge Animate is easy to use, with precise control over motion graphics and HTML elements with a video-editor-like timeline interface. The content created works reliably on mobile devices running Android or iOS, as well as in modern [...]
Pronto is a simple way to harness the speed increases that HTML5's pushState() can provide on nearly any site imaginable. Using a "partial page load" technique, Pronto reduces the over all server load and font-end render time by only updating pieces of a page instead of the entire document. Homepage: http://www.benplum.com/projects/pronto/ GitHub: https://github.com/benplum/Pronto
Backgrid.js is a set of components for building semantic and easily stylable data grid widgets. It offers a simple, intuitive programming interface that makes easy things easy, but hard things possible when dealing with tabular data. The goal of Backgrid.js is to produce a set of core Backbone UI elements that offer you all the [...]
Built from the ground up with Sass, Groundwork is a fully responsive HTML5, CSS and Javascript toolkit. It features an incredibly flexible, nestable, fluid grid system ( it supports any columns in any fractional amount from halves to twelths) which means it is a framework that works for virtually any modern layout. Homepage: http://groundworkcss.github.com/ GitHub: [...]
jQuery Spellchecker is a lightweight jQuery plugin that can be used to check the spelling of text within a form field or within a DOM tree. It comes with Unicode support (works with most languages), HTML parsing (for using the spellchecker within WSYIWYG editors) and Text parsing (for using the spellchecker on form fields). Homepage: [...]
MUELLER is a modular grid system for responsive/adaptive and non–responsive layouts, based on Compass. It gives you full control over column width, gutter width, baseline grid and media–queries. Homepage: http://www.muellergridsystem.com GitHub: https://github.com/sehmaschine/mueller
Hint.css is an HTML/CSS-only library for creating simple tooltips. Written in SASS, It does not rely on any JavaScript and rather uses data-* attribute, pseudo elements, content property and CSS3 transitions to create the tooltips. Also it uses BEM naming convention particularly for the modifiers. Please note that this library currently only works in Firefox. [...]
Toolbar.js is a jQuery plugin that will allow you to quickly create responsive (follows the element on resize) tooltip-style toolbars for use in web appss and sites. The toolbar is easily customisable using Twitter Bootstrap icons and provides flexability around the toolbars display and number of icons. Homepage: http://paulkinzett.github.com/toolbar/ GitHub: https://github.com/paulkinzett/toolbar
RoughDraft.js allows you to quickly mockup a design using minimal HTML markup and Javascript, without server side scripting, and without having to navigate to use lorem ipsum generators which will ideally cut down on development time by figuring out layout kinks, prior to the heavy code lifting. Homepage: http://ndreckshage.github.com/roughdraft.js/ GitHub: https://github.com/ndreckshage/roughdraft.js/
Browser Awareness Day is a social campaign to alert users that they need to upgrade their browsers. The guys behind this campaign, TeamGeek, have developed a code-snippet that you can include in the <body> of your site that will then alert users with outdated browsers to upgrade right away. Using their generator, all you have [...]
Developed and used by Twitter, Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every other component, so that components are highly portable and easily testable. [...]
Textillate.js combines animate.css and lettering.js into an ease-to-use jQuery plugin for applying a multitude of CSS3 animations to any text. Homepage: http://jschr.github.com/textillate/ GitHub: https://github.com/jschr/textillate
jPanelMenu is a jQuery plugin that creates an animated paneled-style menu (like the type seen in the mobile versions of Facebook and Google). Animation is handled by CSS transitions for browsers that support it and are hardware-accelerated on supporting devices, so the animations are silky smooth. For browsers that do not support CSS transitions, the [...]
Using Normalize.css and Stellar.js, the Cool Kitten framework is a collection of HTML/CSS/JS files for creating a lightweight and responsive parallax scrolling website. Homepage: http://jalxob.com/cool-kitten/ GitHub: https://github.com/jalxob/cool-kitten
Conditionizr is an intelligent jQuery plugin with simple customisable options (making integration into any project very easy), that detects the end-users browser and pixel ratio, allowing you to serve specific conditional JavaScript and CSS files as needed. Homepage: http://conditionizr.com/ GitHub: https://github.com/conditionizr/conditionizr Docs: http://conditionizr.com/docs.php
Behave.js is a lightweight library for adding IDE style behaviors to plain text areas, ‘making it much more enjoyable to write code in.’ Homepage: http://jakiestfu.github.com/Behave.js/ GitHub: https://github.com/jakiestfu/Behave.js
ScrollUp is a lightweight jQuery plugin to create a “Scroll to top” feature that will work with any website, with ease. ScrollUp is fully customisable through CSS which makes it simple to fit right into your project – simply target the scrollUp’s generated ID in your CSS file and set your styles and you are [...]
With its syntax inspired from jQuery, Tire is a lightweight (around 10-11kb minified and 5kb minified and gzipped) JavaScript library that offers offers a lighter alternative to libraries such as jQuery, Prototype and Zepto. It is modular so you can extend it however you like and you can also replace its features with your own. [...]