SpriteMapper: CSS Spritemap Generator

Spritemapper is an application that merges multiple images into one and generates CSS positioning for the corresponding slices.

Improve loading times. Only 10% of a webpage’s loading time is due to the actual page—the other 90% is spent downloading styles, scripts and images. By reducing the amount of images and better utilizing the connection, CSS spritemapping can reduce your website’s loading time.

read more

JSHint – A JavaScript Code Quality Tool

JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team’s coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in.

Initializr – Start your HTML5 project in 15 seconds!

Initializr is a simple tool to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template created by Paul Irish and Divya Manian. Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start.

Vermis – Open Source issue tracker and project management tool

Vermis is a web application for reporting and tracking issues regarding bugs, tasks, etc. during project development. You can start a project and then add developers, project leaders and observers. Each of them will be able to create and assign issues, and comment on your project from any place in the world.

Any time a change is made you will get an email notifying you of the change and containing a link to the particular issue. If your project grows, you can divide it into smaller components. Each project can have multiple versions called milestones. You can assign issues regarding bugs, tasks, refactorings, and so on to any project member. Each issue has a status, priority and graphical progress bar. You can also add attachments like files, images or documents.

In a nutshell, Vermis is all you need for the life cycle of your application

Vermis is an Open Source project, written in PHP and MySQL. It can be installed on almost any platform that supports PHP. It is based on Zend Framework and Doctrine ORM.

Vermis is distributed under the terms of the GNU General Public License version 3.

Features

• Issue reporting and navigation
• Multiple projects
• Multiple user accounts
• Project roles (leader, developer, observer)
• Different issue types:

• Task
• Bug
• Feature
• Improvement
• Refactoring

Sparkup – write HTML code faster

You can write HTML in a CSS-like syntax, and have Sparkup handle the expansion to full HTML code. It is meant to help you write long HTML blocks in your text editor by letting you type less characters than needed.

Sparkup is written in Python, and requires Python 2.5 or newer (2.5 is preinstalled in Mac OS X Leopard). Sparkup also offers intregration into common text editors. Support for VIM and TextMate are currently included.

svg-edit – A complete vector graphics editor in the browser

SVG-edit is a fast, web-based, Javascript-driven SVG editor that works in any modern browser:

• Firefox 1.5+
• Opera 9.50+
• Safari 4+
• Chrome 1+
• IE 6+ (with the Chrome Frame plugin, native IE9 support in 2.6)

SVG-edit is an online vector graphics editor that uses only JS, HTML5, CSS and SVG (i.e. no server-side functionality). SVG-edit has the following features:

Google Chrome Frame – free plug-in for Internet Explorer

Google Chrome Frame is a free plug-in for Internet Explorer. Some advanced web apps use Google Chrome Frame to provide you with additional features and better performance.

Download Google Chrome Frame to:

Speed up your web experience
Sites that utilize Google Chrome Frame become more responsive.

Enjoy more advanced features
With Google Chrome Frame, sites offer you new features based on open technologies.

Surf the web the way you are used to
Google Chrome Frame works under the hood with your current browser.

URList – Create and share your list of links

URList is simple: browse the web and collect links you want to group.

Are you planning a trip with some friends and looking for a place to spend the night? Make a URlist of the most interesting hotels and share the edit link with your fellow travelers: this way they can see your preferences and add theirs.

CSS3 Playground

Use this web application to experiment and learn about new css3 capabilities. The styles applied when changing the different settings should follow the principles of progressive enhancements and will work in all browsers that support the setting.
Just change the settings and see how the rectangular box changes according to your changes.

prettyMobile – iPhone/iTouch website development toolkit

Everyone wants an iPhone/iTouch compatible website. While pretty much every website works on those devices without any code modification being needed, that doesn’t mean it’s the best it can be.

prettyMobile is an iPhone/iTouch website development toolkit. It provide you will all the basics you need to make a mobile version of your website. It makes extensive use of CSS transformations making sure the animations will be as smooth as they can be. Plus, it’s only 13kb gzipped and minified.

It’s packaged with a CSS to give you the look and feel of a native iPhone/iTouch application but by loading your own CSS file you can really give it the look and feel you want.