What’s new for designers, June 2012

Skrollr

Skrollr makes it easy to create a smooth, parallax scrolling animations on your website. It has no dependencies (not even jQuery) and is just under 5.5k minified. You can control any CSS property of any element, all dependent on the horizontal scrollbar position.

class="spacer_" />

Mixpanel Flow

Flow is a free analytics program that makes it easy to track where your visitors are on your site and when they leave, in real time. Installation is quick and only requires a small code snippet, and then you’ll get visualizations of your traffic patterns, with actual traffic diagrams rather than just charts or graphs.

class="spacer_" />

Stroll.js

Stroll.js is a collection of CSS3 scroll effects. It includes more than a dozen individual effects, including tilt, fan, twirl, fade, wave, and more.

class="spacer_" />

ddSlick

ddSlick is a free jQuery plugin that lets you create a custom dropdown menu that displays images and a description along with the usual text and values most dropdown menus include.

class="spacer_" />

Pageguide.js

Pageguide.js lets you create an interactive guide for webpage elements with jQuery and CSS3. Users just click on the Pageguide and are shown arrows to highlight various elements and provide more information.

class="spacer_" />

AngularJS

AngularJS is a JavaScript framework for extending HTML for use in web apps. It works well with other libraries, is fully extensible, and adds a ton of extra functionality to HTML that makes it much more suitable for creating dynamic applications.

class="spacer_" />

Moobile

Moobile is a new framework for creating mobile applications built on MooTools. You can download either the Moobile Boiler Plate or just the Source (minified or not). Full documentation is also provided.

class="spacer_" />

jQuery Picture

jQuery Picture is a small plugin for adding responsive images to your layouts, supporting both figure tags with some custom data attributes and the new proposed picture and source tags.

class="spacer_" />

Tablecloth.js

Tablecloth.js is a free jQuery plugin for styling and customizing HTML tables. It’s built off of Twitter Bootstrap and includes popular jQuery table manipulation plugins like tablesorter.

class="spacer_" />

Octofeed

Octofeed is a new way of looking at your Facebook news feed. Just log in with Facebook and Octofeed will pull in your feed and reformat it so that it’s much prettier to look at.

class="spacer_" />

Google Consumer Surveys

Google has recently released a new product: Consumer Surveys. It makes it easy to conduct market research, letting you create surveys in minutes and get near-instant reports, charts, and insights.

class="spacer_" />

Everyme

Everyme is a new social network that’s specifcally for sharing updates with your close friends and family, rather than hundreds of acquaintances on sites like Facebook. And it lets you distribute those updates via Email, SMS, or Push, even if your contacts don’t sign up with the app.

class="spacer_" />

WorkSimple

WorkSimple is a new collaboration and social performance platform that makes it easier to complete projects and work with your team. It includes tools to help keep everyone focused, in sync, and working together.

class="spacer_" />

Yahoo! Axis

Axis is a new browser that offers up visual search previews and works on your desktop to iOS device. It shows you what’s trending when you search, and offers instant visual search results as you type. It also connects your devices, so you can move from one device to another and pick up where you left off.

class="spacer_" />

Spinto

Spinto is an app for keeping writers and developers in sync on projects they’re collaborating on. It includes a WYSIWYG web interface and is powered by Git.

class="spacer_" />

Singool.js

Singool.js is a JavaScript framework for creating single-page web apps. It includes complete documentation to make developing your application a snap.

class="spacer_" />

IE Alert

IE Alert is a simple jQuery plugin that lets your visitors know that they’re using an out-of-date version of Internet Explorer when they arrive at your site. It even gives them links to download the current versions of all the major browsers (including IE9, Firefox, Safari, Google Chrome, and Opera).

class="spacer_" />

Percentage Loader

Percentage Loader is a tiny jQuery plugin that shows a progress widget that’s a whole lot more attractive than the standard horizontal bar or textual representation. It’s built in HTML5 Canvas and is only 10kb (minified).

class="spacer_" />

QueryPosts.com

QueryPosts.com is a great reference for WordPress developers. It currently offers up a quick, searchable reference for what’s new in WP 3.4 as well as over 1800 functions, with future references planned for classes and hooks.

class="spacer_" />

Koloria

Koloria is a free set of more than 160 multipurpose icons, plus 32 pixel icons. Each icon is designed at 32 pixels square, and optimized for that size.

class="spacer_" />

Responsive Grid System

The Responsive Grid System is a flexible way to create a responsive website design that isn’t a framework or boilerplate. It simplifies the creation of breakpoints, works with your existing HTML and CSS, and lets you create a grid to suit your content, rather than the other way around.

class="spacer_" />

Nitro

Nitro is a new, easy to use task management app that syncs with Dropbox or Ubuntu One. It’s completely free and released under the open source BSD License.

class="spacer_" />

JQVMap

JQVMap is a free jQuery plugin that renders vector maps using the resizable SVG format. It even has legacy support for older browsers (IE6-8) that don’t support SVG.

class="spacer_" />

Baseline.js

If you’ve ever had a baseline thrown off completely by oddly-sized images, then Baseline.js is for you. It’s a simple jQuery plugin that will restore baselines thrown off by odd sized images.

class="spacer_" />

Markdown Here

Markdown Here is a Chrome, Firefox, and Thunderbird extension that lets you write your emails in Markdown and then automatically convert them to the proper format.

class="spacer_" />

Balloons.IO

Balloons.IO is an open source chat server and client that supports multiple chat rooms. It’s built with node.JS, Express, Socket.IO, and Redis.

class="spacer_" />

Edmondsans (name your price)

Edmondsans, from Lost Type Co-Op, is a sans-serif display typeface that comes in three weights: regular, medium, and bold, designed by James T. Edmondson.

class="spacer_" />

White Rabbit (free)

White Rabbit is a free display typeface with a rounded geometric shape and square letterforms. It’s reminiscent of system fonts from the 80s and 90s.

class="spacer_" />

Snippet (free)

Snippet is a free display typeface with swooshes and flourishes that give it a feminine feel.

class="spacer_" />

Marlowe ($80)

Marlowe is a family of display typefaces with a distinctly art deco look and feel. It includes four styles: Regular, Cocktail, Swirl, and Escapade, all of which share similar letterforms with added decorations on the latter three.

class="spacer_" />

Nelson ($85)

Nelson is a family of display typefaces with a distressed, antique look. It comes in four styles: Rugged, Bold, Engraved, and Ornaments.

class="spacer_" />

Alina ($28)

Alina is a casual condensed script font that includes OpenType ligatures to all lower-case letters, making it feel a bit more hand-lettered and lively.

class="spacer_" />

Bergamot (free – $60)

Bergamot is a display typeface inspired by vintage apothecary labels. Despite its vintage influence, it remains quite modern. The coolest part: the four variations of each letter intermingle as you type, giving it a very organic feel.

class="spacer_" />

Frida ($58.50)

Frida is a formal and elegant, hipsterish typeface that comes with four weights and italics, as well as alternate characters. It’s suitable for headlines, posters, packaging, and more.

class="spacer_" />

Rather Both ($34)

Rather Both is a set of two fonts that work very well together: Rather Jazzy and Rather Loud. There are two versions of each letter in each font, as well as contextual alternates, which results in a very handcrafted feel.

class="spacer_" />

New Cuisine ($39.53)

New Cuisine is influenced by DIY lettering and a departure from more formal and retro script typefaces. It’s great for blogs and online journals, signage, logos, menus, and packaging.

class="spacer_" />

[ Go to Source ]

20+ Free Android Apps for a More Productive 2012

Evernote

How could we make a productivity list of apps and not include the ever-popular Evernote? Most of our readers are probably already a bit familiar with this helpful application, and may actually be using it on other devices. Now its power and organizational aids can be added to your Android mobile arsenal, complete with a handy widget.

Advanced Task Killer

While not necessarily needed for newer versions of the Android OS, some users still like having a quick and easy task manager for managing their apps and battery life. Advanced Task Killer is the one many users turn to for this added management and peace of mind.

Google Goggles

A timesaving way to search your surroundings and more using your phones built in camera. Google Goggles is an interesting new way for users to explore not only the web, but the world around them as well. From images to phrases and more, your camera can capture a wide range of information that will be automatically searched for (or translated) via Google.

Dropbox

Another definite oldie but goodie, Dropbox can allow Android users to now easily access their synced and saved data, without having to switch to a new device. Streamlining your workflow even more, by bringing one more area of connectivity between your devices for data sharing.

CamScanner – Phone PDF Creator

An extremely handy little app that turns your smartphone into something of a compact document scanner and PDF creator. CamScanner brings even more functionality to your mobile devices, giving that extra punch of productivity on the go without having to lug around any extra equipment.

Vlingo Virtual Assistant

iPhone users have been very responsive to Siri, but Android users are not short of their own alternatives. Vlingo is one of the more popular Siri alternatives currently on the market. Its a wonderfully useful app that transforms your Android into your very own personal assistant.

Easy Uninstaller

While the Android OS has a fairly user friendly app manager, Easy Uninstaller gives users even more power to control their devices. With the ability to do batch uninstalls, search for files and get detailed file info, easy uninstaller is a helpful addition to anyone’s app arsenal. The one drawback is that you cannot uninstall any of the apps that came pre-installed.

Voice Recorder

For those looking for a simpler app for dictating notes than say the much more loaded Evernote, Voice Recorder is the app for you. Easy to use, and manage the files. What more can you ask for from a simple recorder?

Astrid Task/Todo List

If you are looking for a todo list that is both fun and feature rich, then look no further, Astrid Task/Todo List is the perfect app for you. Complete with reminders, syncing options, task sharing and much more, Astrid allows users to get more done on the run with their Android device. Even has a widget for quick and easy access.

WiFi Manager

When on the go, and needing to spare your data plan, use WiFi Manager to quickly find an access point and get online to access or share the files you need. Uploading and downloading files can become quite costly if your provider is a little less than forgiving when it comes to overages, so finding a usable WiFi hotspot is a good way to keep things economical and accessible.

Cloud Print

If you are looking to be able to print from apps on your smartphone, but do not have a wireless ready printer, Cloud Print is there to the rescue. Using a new service from Google, there is a slight setup that one has to go through to make this work smoothly with the PC your printer is hooked up to (unless you happen to already have a Cloud Print or HP E-Print ready printer), but the guide is pretty straightforward.

Springpad

Being able to take notes on the go is important for many of our readers, and while we have featured Evernote, we wanted to provide our users with more options. And while there are many options out there, another popular one that many users have turned to for all of their mobile notetaking (plus) needs is Springpad. Allows you to save notes, locations, products and more, and even automatically organizes them for you.

SanDisk Memory Zone (Beta)

When it comes to managing the data stored on your Android, SD card, and even select online cloud services SanDisk Memory Zone is a powerful and easy to use tool that should definitely be on your radar. Though it is still in beta, this promising new app is a powerful memory and data manager.

My Work Clock

Perfect for those who need to be able to keep track of the time spent on their projects for more precise billing and client reporting. Work Clock lets you punch-in and out just like you were working a standard 9 to 5 job. Comes with its own dashboard widget for easy tracking, plus supports multiple jobs at a time.

SwipePad: Hyperspace Jump

Multitasking like a boss is how some would describe this shortcut creator. SwipePad allows you to quickly and easily access your apps no matter what is running or where you are in your phone. Shortcuts made near effortlessly intuitive and simple.

Remember the Milk

For those fans of the online version of this popular todo list service, now you can have all of the organizational power of Remember the Milk on your Android. Get synced and organized on the go, with the service that millions of users have trusted for years.

handyCalc Calculator

With many practical uses, handyCalc Calculator is a useful little app to have, well, handy. Especially if you find yourself freelancing, it can assist you with its currency converter when you are dealing with clients from other countries and needing to ensure proper pricing for reasonable quotes.

Package Buddy

With the web allowing for widespread connectivity, shipping remains an important part of keeping our businesses running smoothly, especially for all of those less than instantly and digitally transmittable deliveries. Package Buddy takes so much of the headache and time out of tracking those packages through a huge range of international shippers.

Advanced Task Accelerator

Battery drain is a huge problem for smartphone users, and Android devices are not immune. Using Advanced Task Accelerator can help you keep those unused background apps from draining important phone resources. Simulates a reboot to keep your main apps running without unnecessary sluggishness.

Recycle Bin

If you are familiar with the problem of deleting an app and later wishing that you could get it back; and even one step further along this route is the problem of having issues recalling just what the app was called in the first place, then this app is right up your alley. With Recycle Bin logging the apps you delete from your phone, you can reacquire them with a click.

DroidEdit Free

For many web design and developers, being able to access and quickly modify source code from our mobile devices is the dream. Okay so maybe less of a dream, and more of a necessary evil at times. Rather than discovering the problem on a mobile device and waiting until you can access your computer, just being able to get the job done quick and easy. With DroidEdit Free that dream is brought within reach.

B-Folders Secure Organizer

Cloudless and secure syncing and sharing of all of your important data is not always an easy thing to find, especially in such a feature rich and optimized fashion. However, B-Folders rises to meet this challenge head-on, and in rare form too.

Root Uninstall

A quick and easy way to remove the bloatware apps from your phone, even those system apps the phone doesn’t want you to unload. One click and they are now gone with the help of Root Uninstall. A very handy app to have at your disposal. Pun completely intended…

Seesmic for Android

Most of our readers are probably already familiar with this old favorite, but we had to include this handy app for managing your social networking all in one place without having to run multiple apps at a time. Especially when focusing on productivity. Seesmic is known around the community, and their reputation stands with their extension to Android devices. Reliable and solid as ever.

That’s a Wrap

That concludes this showcase of free Android apps to keep your new year on a more productive track. What are some of your favorites that were not included? Which ones featured have you tried, and what are your thoughts on them? Feel free to share them and more with us in the comment section below.

(rb)

Go to Source

10 HTML5 Tools for Web Designers and Developers

HTML5 applications are very important for designers and developers. They have to know most of the newly invented applications to improve their capability to design and develop creative web designs. This article shows some resource of important HTML5 Tools for Web Designers and Developers.

Flash to HTML5 Online

The Flash to HTML5 Online easily converts SWF to HTML5 animation, which enables you to play Flash movie in HTML5 compatible browsers that without Flash Player installed. Therefore, you can put the converted HTML5 animation on your website, and let visitors enjoy it normally on PC, iPad, iPhone and other devices that support HTML5.

Initializr

Initializr will generate for you a clean customizable template with just what you need to start!

Online HTML5 Audio Maker Tool

Provides audio solution for different browsers, which enables you to experience audio tag of HTML5 and make different formats audio for different browsers.

Font dragr

A revolutionary way to test custom fonts in the browser. No coding, no uploading, just drag and drop.

Modernizr

Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

Sketchpad

An online drawing and painting tool which developed in HTML and JS only. It is a customized tool to editing and drawing the images in the way you want.

Video JS

A HTML5 video player base on JavaScript. It has 3 core parts: an embed code, a JavaScript library and a HTML/CSS skin.

FindmebyIP

A website that list the browsers’ support of HTML5 in details.
Suitable For: people who want to check the specific HTML5 support from different browsers.

LimeJS

LimeJS is a HTML5 game framework for building fast, native-experience games for all modern touchscreens and desktop browsers.

HTML 5 Visual Cheat Sheet

HTML 5 Visual Cheat Sheet is an useful cheat sheet for web designers and developers designed by me. This cheat sheet is essentially a simple visual grid with a list of all HTML tags and of their related attributes supported by HTML versions 4.01 and/or 5. The simple visual style I used to design this sheet allows you to find at a glance everything you are looking for.

[ Go to Source ]

10 awesome social sharing plugins for WordPress

Social sharing options are pretty much a must for any blog.

You want to make it easy for your visitors to share what you’ve written with their social networks so that others can discover your content.

And the best way to do that is to include a button or two that puts the idea of sharing front and center, and makes it incredibly simple for your users to post your link to Facebook, Twitter, Google+, or elsewhere.

Below are ten great social sharing plugins for your WordPress blog. Most are free and all have sharing options for multiple platforms. Some even include upwards of a hundred or more services you can implement.

1. Sharebar

Rail-style sharing icons have quickly risen to be one of the most popular styles seen on WP blogs today. Sharebar is arguably one of the most attractive plugins in this list, and one of the most usable. Its location to the side of posts, rather than at the top or bottom, improves visibility for those reading posts, especially since it moves with the viewport as you scroll. The only downside to Sharebar is that it only supports a limited number of services: Twitter, Digg, Facebook, Buzz, and Email.

class="spacer_" />

2. AddToAny

AddToAny is a button-based sharing plugin that’s un-intrusive and easy to use, both from the perspective of the blog owner and the visitor sharing content. It includes a ton of services, from the most popular to ones you may never have heard of, though they’re arranged so that only the most popular show up on initial hover, with an additional click required to show the rest. It also includes bookmarking and email options.

AddToAny also includes an options panel that lets you customize which services you want to include, how the button will look (including color scheme), and more. This makes is much more friendly to users who want to fully integrate it into their site without having to dive into the code.

class="spacer_" />

3. ShareThis

ShareThis is one of the most versatile plugins on this list. You can configure it to display share buttons in a variety of ways, including a single icon, a series of icons or buttons, or a series of widgets with the number of shares or retweets displayed. Registered ShareThis publishers get access to various tracking reports to see how much their content is being shared.

In addition to the main sharing options above, ShareThis is also testing a ShareBar for the bottom of your pages, and a HoveringButtons bar for including share buttons in a rail style along the side of the page.

class="spacer_" />

4. Sociable Pro

Sociable Pro is the premium version ($9.99) of the popular free Sociable plugin. The Pro version adds a number of functionality improvements over the free version, as well as some additional options. One of the biggest reasons Sociable Pro is worth paying for, though, is the ability to use your own custom icons. This alone makes it a much more attractive plugin, and makes it easier to integrate directly with your site while maintaining the ease of using a plugin.

class="spacer_" />

5. AddThis

AddThis includes both sharing tools and robust analytics so you know how your content is being shared. It includes dynamic personalization options, so users see the right options at the right times. It has a huge directory of services to choose from (more than 300), and there’s deep Twitter and Facebook integration. It also includes automatic translation to more than 70 languages. You can use AddThis without registering, but then you miss out on the analytics options.

class="spacer_" />

6. Socialize

Socialize creates sharing buttons that include sharing counts. It works with Twitter, Facebook, Digg, Reddit, StumbleUpon and other services. The fact that the buttons can be placed either within your post, in the footer, or elsewhere is a big advantage for Socialize.

class="spacer_" />

7. I Love Social Bookmarking

I Love Social Bookmarking is a simple plugin that’s based on a single icon that displays various subscription, social bookmarking, and sharing options when hovered on. It’s small and unobtrusive, and has a number of more advanced administrator options, including automatic or manual display, background colors, font face and size, link target, list title and style, and the ability to select which social media services are included.

class="spacer_" />

8. SexyBookmarks

SexyBookmarks is a more stylized sharing plugin that includes options for a ton of different social networks. It includes analytics information, official support for Google’s URL shortener, uses the Share API, and has been localized to more than 15 languages.

class="spacer_" />

9. Light Social

Light Social is a simple plugin that places sharing icons at the bottom of your posts. Services supported include Digg, Reddit, StumbleUpon, Facebook, Delicious, LinkedIn, Twitter, Google Buzz, and more. It’s implemented with lightweight HTML code for minimal impact on your blog’s file sizes and load time. You can enable or disable each individual service, but other than that there aren’t really any options.

class="spacer_" />

10. SocioFluid

SocioFluid is another stylized social sharing plugin that uses icons. The icons in this case zoom slightly when hovered over, and the name of the service is displayed (similar to the way the Dock works on Mac OS X). If your blog has the right kind of design, it’s a neat plugin. It’s MIT and GPL licensed, and can be used completely for free. The icons are from Icondock and the plugin uses jQuery for the effects.

class="spacer_" />

Written exclusively for WDD by Cameron Chapman.

Which of the plugins above have you used? Or do you use a different option all together? Let us know in the comments!

Source

[ Go to Source ]

Useful Coding Tools and JavaScript Libraries For Web Developers

The Web Developer’s Wonderland
Web development comes with truly enjoyable, creative tasks and some mundane, boring ones. Probably the most frustrating task is having to reload the browser page during development or debugging every time you make a change to the page. Livereload is a desktop app that monitors changes in your file system. As soon as you save a file, the file is preprocessed as needed, and the browser is refreshed. Also, every time you change a CSS file or image, the browser is updated instantly without you having to reload the page. The tool supports CoffeeScript, SASS/SCSS, LESS, Stylus, HAML and Jade, and it ships with all of them included. Currently available only for Mac.

Ender: The End Of Monolithic JavaScript Libraries
Ender allows you to search, install, manage and compile front-end JavaScript packages and their dependencies. Essentially, it’s a command-line tool that allows you to combine and mix all of the popular and small JavaScript libraries out there to create your own personal development library. If one library you use goes bad or is abandoned, Ender will help you quickly replace it with another. And if you need a particular version of a package, the tool can help you out as well. The release page contains detailed documentation, a user guide and some video tutorials. No more wasted bandwidth!

Open-Source Exchange Rates and Currency Conversion
So, you’d like your customers to be able to purchase your products in various currencies, but how exactly do you build this functionality into your product? Finding a free and reliable API for developers to access the rates data is darn hard. Joss Crowcroft has created an Open Source Exchange Rates API, which provides up-to-date, flexible and portable currency-conversion data that can be used in any application, framework or language (not just JavaScript). It has no access fees, no rate limits, no nasty XML: just free, hourly updated exchange rates in JSON. Even better: Joss has also built money.js, a JavaScript currency conversion library that can be easily integrated in any website. A demo playground and detailed documentation are provided on the website, and the source code is available on GitHub.

Easier Number and Currency Formatting
This simple, tiny JavaScript library will solve your currency and numbers-related formatting hassles, and it even includes optional Excel-style column rendering to line up symbols and decimals. It will make all of your numbers and currencies look much more uniform and professional than they would if left to many content creators.

Tilt Firefox Extension: DOM Inspection In 3-D
How much time do you spend traversing the DOM in Firebug, exploring the relationships between nodes, analyzing the structure of code and trying to manipulate it with nasty (or not so nasty) JavaScript? Well, perhaps you’d like to try a different approach to DOM inspection for a change. Mozilla’s new tool, Tilt Firefox Extension lets you visualize the DOM tree of any Web page in 3-D. Because the DOM is essentially a tree-like representation of a document, the developers of the tool have decided to layer nodes based on the nesting in a tree, creating stacks of elements, each with a corresponding depth, and textured according to the Web page being rendered.

Mou – Markdown editor for web developers, on Mac OS X
When current available Markdown editors are almost all for general writers, Mou is different: It’s for web developers. Syntax highlighting, live preview, fullscreen mode, auto save, powerful actions, auto pair, incremental search, custom themes, HTML export, enhanced CJK characters support. It’s exactly the app you want.

Creating Buzz With Launch Effect
The one-page theme lets visitors sign up using their email. Upon signing up, the page generates a special URL for them to share with their friends, so that you can track your most active promoters and reward them for spreading the word. What more do you need from a pre-launch page? This is a good tool to bookmark for your next creative breakthrough or start-up idea.

A Better Responsive Grid
The Golden Grid System uses the concept of “folding” grid columns into one another, based on the browser’s size. So, a 16-column grid that works great in desktop browsers would fold down to an 8-column grid for tablets, and a 4-column grid for mobile devices. It can handle screen sizes ranging anywhere from 240 pixels wide all the way up to 2560 pixels. The columns themselves are not the only things that are elastic either; while the column’s widths are based on screen size, the gutter widths adjust based on the page’s font size (specified in ems). The Golden Grid System comes with other features that make it perfectly suited to modern responsive Web design.

The Semantic Grid System
CSS grid frameworks can make your life easier, but they’re not without their faults. Fortunately for us, modern techniques offer a new approach to constructing page layouts. But before getting to the solution, we must first understand the three seemingly insurmountable flaws currently affecting CSS grids.

Bootstrap Kick-Start Development Toolkit
Bootstrap is a toolkit that includes the base CSS and HTML for typography, tables, grids, navigation, error messages, modal boxes, buttons and forms. It’s built with the LESS framework. It comes with a standard 940-pixel grid (i.e. 960.gs without the side margins), or you can create your own. Bootstrap allows you to create fixed or fluid layouts, and it comes with many elements that can be used as is or restyled to fit your website. Of course, the toolkit is free to use.

Colour Bookmark
Drag the Colour Bookmark link to your toolbar to find out the colour palette of the website you’re currently on. Then simply: copy, paste and use the colours you choose.

Leaflet: Open-Source Interactive Maps with JavaScript
The library offers a variety of map layers, including tiles, markers, pop-ups, image overlays and GeoJSON. It supports panning on both mobile and desktop browsers, double-tap zoom on mobile browsers (plus multi-touch zoom on iOS) and more. On iOS, hardware acceleration is enabled, and Leaflet has a modular structure that lets you reduce the size of the library to make it even faster. The project is open source and available for further development and forking on GitHub.

Weinre
weinre is a Web Inspector Remote that is essentially a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it’s designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.

Aardwolf: Remote JavaScript Debugger
Mobile browsers are becoming more powerful day-by-day and you can do almost everything you do on your desktop browser. One of the major concerns for the developers is the lack of developer tools. The reasons are quite obvious — real estate needed to show the debugger, non-developer friendly environment. The solution to this problem is remote debugging. You can use JSConsole for this purpose but when it comes to JavaScript debugging, Aardwolf is a better choice. Aardwolf is a JavaScript debugger for iPhone / Android / WindowsPhone 7 / BlackBerry OS 6+. (via Varun Kumar)

IE Vms
Microsoft provides virtual machine disk images to facilitate website testing in multiple versions of IE, regardless of the host operating system. But setting these virtual machines up without Microsoft’s VirtualPC can be extremely difficult. The ievms scripts aim to facilitate that process using VirtualBox on Linux or OS X. With a single command, you can have IE7, IE8 and IE9 running in separate virtual machines.

WhatFont
The tool allows you to easily get CSS typography details about the text you are hovering on.

WordPress TextMate Bundle
The WordPress TextMate Bundle is a TextMate bundle built with the sole purpose of reducing the amount of time spent digging around the WordPress core to look up the little things that we work with every day. The plugin features auto-completion of WordPress functions, snippets for common sections of code, and templates for WordPress components. We even snuck in function completion for the Carrington template framework functions. We’re always making improvements as we find more that we want covered by the plugin (merged from WordPress MU with the WordPress 3.0 code base consolidation).

cubic-bezier previewer
No matter how much you see someone changing the parameters, if you don’t picture it in a 2D plane, it’s very hard to understand how bouncing animation with cubic-bezier works. Lea Verou searched for a tool could use to show how bezier curves are formed. She found plenty, but all of them restricted the the coordinates to the 0-1 range. Lea then proceded to create her own cubic_bezier() curves generator.

Patternizer – Stripe Pattern Generator Tool
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. And you can access them from any device worldwide.

Chainvas
A tiny, modular library that can add chaining to any API that isn’t naturally chainable, like the Canvas API, the DOM and more.

Comparison Table Generator
This generator allows you to create beautiful HTML/CSS comparison tables on the fly.

DropKick.js
A custom drop-down jQuery plugin which degrades gracefully. If the user has JavaScript disabled, the drop-down will display normally using regular <select> elements. It works on IE7+.

-prefixfree
-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

{less}
An automated folder scanning/parsing tool for LESS. Once you add your project folders to the application, it will automatically start monitoring the less files inside these folders for changes. After you have saved the less file, the application will automatically parse your less file into a regular CSS file. Also, see: SimpLESS, an app for Mac, Linux and PC to compile *.less files into valid CSS.

Recurly.js
This tool allows you to easily embed a PCI compliant order form within your website. The library performs in-line validation, real-time total calculations, and gracefully handles errors. Your customer stays on your website while their billing information is securely sent to Recurly for approval. Because the cardholder data is sent directly to Recurly, your PCI compliance scope is dramatically reduced.

Responsive Overlay Grid for In-Browser Development
The Heads-Up Grid is a recently released grid overlay for in-browser development. It works with fixed-width designs but also works great with responsive grids. Just specify the page units, column units, page width, number of columns, column width, gutter width, top margin and row height, and then paste the Heads-Up Grid code into the head element of your website to generate the grid overlay.

Has.js
The library is similar to Modernizr, but instead of testing for HTML5/CSS3 features, it tests for JavaScript features such as: ES5 array, string, and object featuresNative JSON supportNative console supportActiveXNative XHRSome DOM and event features.

grumble.js
This library allows you to create tooltips that can be rotated around a given element at any angle. Any distance can be specified. Any CSS style can be applied. There’s auto-magic size adjustment for use with localised text. FX queues for animating multiple grumbles. And it works in IE6+, and all modern browsers.

testling: Automated Cross-Browser JavaScript Testing
An automated cross-browser JavaScript testing platform for your quality assurance.

Instant WordPress
A standalone, portable WordPress development environment for Windows that can run from USB.

CSS Stress Testing and Profiling
A bookmarklet for stress testing the CSS on any given webpage. It indexes all the elements and their classes, and then — class by class — it removes one, and times how long it takes to scroll the page. Selectors that save a considerable amount of time when removed indicate problem areas.

Needle: Automated Tests for Your CSS
This tool checks that CSS renders correctly by taking screenshots of portions of a website and comparing them against known good screenshots. It also provides tools for testing calculated CSS values and the position of HTML elements.

Last Click

Cutting-Edge Web Typography Experiments
The website is essentially an ongoing collection of experiments and writings on Web typography and the possibilities of cutting-edge standards-based Web design. Christopher is pushing the boundaries of what is both possible and practical in Web standards in a way that is compelling and exciting to the visually minded creative.

Font-Bot
It is time for your favorite font to stand its ground. The idea of this project is to build robots out of typeface glyphs, showcase them and hope others put together an opponent. Participating is not hard, the rules are clear: all Robots must be built of type alone (A-Z). You may reflect and rotate the letters. Keep it civil. May the best bot win. Let’s see if your type design has what it takes to defend its corner. Fight!

Lights
“Lights” is an interactive music experience which is created with CSS, JavaScript and HTML5. This is why we love the Web.

[ Go to Source ]