This article was published 11 years ago, therefore the contents of this post may be out of date.

As web developers and web designers, we constantly looking at the sheer amount of new resources, tools and applications that we can tap into increases exponentially with time.

And here is just a quick look at some recently created resources that deserve your attention — everything from new CSS and HTML frameworks and tools, to some great jQuery plugins and including some awesome applications that can help with your project and time management, charging your clients with the right amount of money, sharing your code snippets to some well designed fonts, user interface elements, icons and more little goodies for web developers and web designers.

JavaScript & jQuery

tQuery

tQuery API aims to reproduce the success of jQuery plugin ecosytem by mimicking its API. Thus people who know jQuery will learn tQuery in no time. Thru three.js, they will be be able to reach webgl technology faster than before. Hopefully they will get exited and develop extensions for three.js.

jQuery ProQuo

jQuery ProQuo is a quick way to encourage your readers to spread your content through twitter. Simply define the regions in your markup that you would like to make “tweetable” and ProQuo will handle the rest.

accessifyhtml5.js

While most browsers work all right with the new semantic elements of HTML5, they don’t add the ARIA accessibility attributes that the specification demands. This small JavaScript adds those attributes to enhance accessibility of web sites.

Annotator

The Annotator is an open-source JavaScript library and tool that can be added to any webpage to make it annotatable.  Annotations can have comments, tags, users and more. Morever, the Annotator is designed for easy extensibility so its a cinch to add a new feature or behaviour.

Piecon

A tiny javascript library for dynamically generating progress pie charts in your favicons.

blackCalculator

blackCalculator is a jQuery plugin for create a calculator. It supports CSS customization, easy translation, two options of calculators, cross-browser, allow and disallow keyboard!

Prism

Prism is a new lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s a spin-off from Dabblet and is tested there daily by thousands.

JZoopraxiscope

JZoopraxiscope is a jQuery plugin for making animations from static images inspired in Eadweard Muybridge’s Zoopraxiscope.

Strapdown.js

Strapdown.js makes it embarrassingly simple to create elegant Markdown documents. No server-side compilation required.

JustGage

JustGage is a handy JavaScript plugin for generating and animating nice & clean gauges. It is based on Raphaël library for vector drawing, so it’s completely resolution independent and self-adjusting.

MouseTrap

Mousetrap is a simple library for handling keyboard shortcuts in Javascript. It is around 1.6kb minified and gzipped and 3kb minified, has no external dependencies, and has been tested in the following browsers: Internet Explorer 6+, Safari, Firefox and Chrome. It has support for keypress, keydown, and keyup events on specific keys, keyboard combinations, or key sequences.

BigVideo.js

This plugin makes it easy to add fit-to-fill background video to websites. It can play silent ambient background video (or series of videos). Or use it as a player to show video playlist. BigVideo.js can also show big background images, which is nice to have for showing big background images for devices that don’t have autoplay for ambient video.

Desktop, Mobile & Web Applications

Balloons.IO

Balloons.IO is a web multi-room chat server and client ready to use. It’s build with the help of node.JS, Express, Socket.IO and Redis.

Nitro

Nitro is the best way to get things done. It’s simple, fast and powerful at the same time. Nitro also syncs with Dropbox or Ubuntu One. Due to the power of Nitro, you’ll never get a “conflicted copy”.

Nitro is totally free and open source under the BSD License.

Spin to App

Spinto helps content writers speak the same language as your development team. Developers and designers can preview websites on their laptops with all the latest content. Writers can update content on the live site right on the page. It’s the best of both worlds, and without a traditional CMS.

EveryMe

Everyme is a new social network that’s specifically 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.

Goal Stacker

Goal Stacker makes it easy to focus on things you can get done in the time you have available. Just tell it how much time you have, and it will schedule your time for you, based on tasks you need to complete. It will even email you a list of tasks to complete each day!

Comcure

Comcure offers forever free backups for your website. Just set up the automatic backups, and then forget about it. Comcure will run backups according to schedule, and will email you if there’s ever an issue. It even backs up your MySQL databases, and your backups will be stored at two of their five worldwide datacenters!

gzipWTF

gzipWTF beta is the easiest f***ing way to check for gzip and more. The purpose of this site is to aide web designers & developers in speeding up sites by pinpointing which resources are not being gzipped by the server, which resources are slow and which resources are causing 404s. Our mission is to increase awareness of site speed as an important part of the web’s future.

TinyPNG

TinyPNG uses smart lossy compression techniques to reduce the file size of your PNG files. By selectively decreasing the number of colours in the image, fewer bytes are required to store the data. The effect is nearly invisible but it makes a very large difference in file size!

My Price

Are you a web or graphic designer? Calculate how much you can charge for your creative services taking under account factors like the project, client, location, as well as your education and experience.

Plunk

Plunk lets you easily put together fun tests for touch screen targets on mobile devices. See where users are tapping on your mobile pages, then measure the success of your design or see if it’s littered with bad apples.

SourceDrop

SourceDrop is a PasteBin client which allows you to easily share your snippets by drag and drop. Just drop your snippet on the SourceDrop icon and it will be uploaded to the configured PasteBin provider, supporting all common PasteBin providers like TinyPaste, PasteBin.com and GIST.

CSS, HTML, Frameworks & Prototyping

Ninja

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.

Sidetap

Sidetap is a lightweight (2k when minifyied and gzipped) and simple framework that allows you to quickly build platform-independent mobile web interfaces. It aims to always deliver the best possible experience for all devices by starting with a basic experience and progressively enhancing it for more capable devices.

Meny

Meny is a three dimensional and space efficient menu concept. CSS 3D transforms are used for the transition effect and JavaScript is used to track mouse/touch movement.

Express

Express is a high performance and minimal web development framework for Node.js. The Express philosophy is to provide small, robust tooling for HTTP servers. Making it a great solution for single page applications, web sites, hybrids, or public HTTP APIs.Built on Connect you can use only what you need, and nothing more, applications can be as big or as small as you like, even a single file.

CSS3 Snippets

CSS3 Snippets for Front-end Developers is a collection of open source UI components coded with modern HTML, CSS, and Sass.

GitHub-Style Sliding Links

GitHub seems to change a lot but not really change at all, if that makes any sense; the updates come often but are always fairly small. David Walsh spotted one of the most recent updates on the pull request page. Links to long branch names now have their text visually truncated, and upon hover, the text animates to its full value. The CSS to accomplish this task is fairly simple, so let me show you how to make this happen!

Toast

Toast is a CSS framework as simple as it can be, but no simpler. A twelve column responsive grid makes layouts a breeze, and with box-sizing you can add padding and borders to the grid, without breaking a single thing.

Bootstrap 2.1.0 Released

Let’s face it, everybody loves Bootstrap and Bo0tstrap 2.10 didn’t missed anything as this is a huge updates that includes a whole new documentation, numerous bug fixes, block level buttons, state classes on table rows and the removal of LESS docs page, brand new typography and tons more. Make sure to you check out all the other changes in the change log and to download the new Bootstrap

Sneak Peek It

An idea is like a flash: it comes to mind like a meteor but can quickly vanish. Any good graphic designer catches it on paper before it goes away. As a matter of fact, professional designers often start planning a website concept sketching drafts on sketch sheets of squared paper.

For this purpose Sneakpeekit provides the suitable wireframe tools for quick sketches and pixel-perfect grids for a detailed design. The most common and fresh grid systems for websites are available: choose the one you need, download and print it. It will help workflow and you’ll be able to create a professional project that is coherent from the beginning to the end of creative process.

WordPress Frameworks & Themes

WP-Flex

WP-Flex is a blank and responsive boilerplate for developers submitting themes to the WordPress.org theme repository. Includes lots of best practices for theme building requirements and coding standards as suggested by the WordPress Codex.

Mindup – WordPress Theme

MindUp is the perfect solution if you are looking for a business. This theme is flexible & responsive (works on all devices, including mobile based), it comes with 50+ Visual Shortcodes, Unlimited Portfolios so you can present your products properly, fully and easily customizable Pages and Posts, MindUp is the ideal solution for your business.

JetWire – WordPress Theme

Jetwire was carefully crafted with the blogger in mind, for those who want a stylish way to display their content. Jetwire supports all post formats, includes 14 custom widgets, an easy to use theme settings page, clean CSS & PHP code. Jetwire is packed with features!

Tharsis – WordPress Theme

Tharsis is a single responsive portfolio wordpress theme which is perfect to promote any type of work or business. Is compatible with all modern mobile devices. Other than the minimalistic one page design and this wordpress includes a blog.

Books, Resources & Other Goodies

Responsive Email Design

Responsive Email Design is a guide on how to design and code mobile-friendly email campaigns. Now that mobile email usage exceeds desktop and webmail, providing a great small screen experience is essential.

Design Pieces – Icons, UI’s & Typography

Koloria

Whether you want to use it in a product website, a portfolio or even a webapp, these icons will help you achieve your goals.

PSDCovers

With PSDCovers, you can create 3D product mockups in Photoshop using your 2D designs. You just choose and download the product shot you want to use, locate the appropriate Action, run “Step 1″ to create a template, position and scale your 2D design on that template, and then run “Step 2″ to generate the 3D result.

Typecast

Typecast lets you design and experiment, all in the browser, with web fonts and real content. You can try the most popular web fonts all in one place, including all weights and compare font combinations and build type systems very quickly.

Oranienbaum Font

CHE’s Bone Font

Benthem Font

Vezus Font

Share

40+ New Resources, Tools, Apps & Handpicked Goodies For Awesome Web Developers & Designers

Discussion

5 Responses

  1. Kath says

    This is a terrific inspiring post. I really am truly impressed by your articles.
    You come up with interesting stuff. Keep it up. Keep blogging.
    looking forward to opening your next posting.

Comments are closed.