JavaScript
Article

17 Cool Things I Found on the Net for Web Developers Oct/Nov

By Sam Deering

Hi guys, in today’s blog post I am sharing with you some cool things I have found on the internet over the past few months – this helps me find stuff month by month THERE ARE SO MANY cool things coming out every day! Lots of cool stuff so click on the links to check them out!

1. TMTHeme Editor

FANTASTIC! As a big fan of Sublime 2 and previously created a Notepad++ theme it’s good to see that developers now have a decent UI to create color schemes for SublimeText, Textmate and bunch of other text editors.

tmthemeeditor-image.jpg
SourceDemo

2. Tincr

LIVE RELOAD! WOW! Check this out will save you heaps of time when editing code in Chrome Developer tools.

tincr-image.jpg

3. Yeoman

Addy Osmani “eat your hear out” presents Yeoman – It’s a robust and opinionated set of tools, libraries, and a workflow that can help developers quickly build beautiful, compelling web apps. Go check it out will save you heaps of time setting up new projects.

yeoman-image.jpg

4. The Breakpoint with Addy Osmani and Paul Lewis

A show dedicated to developer tools and time-saving techniques—Addy Osmani and Paul Lewis (sitting in for Paul Irish who was out sick) talk about Yeoman. This episode has the main man in it!

Breakpoint-with-Addy-Osmani-and-Paul-Lewis-image.jpg
Source

5. Cloud9 IDE

Write, run, and debug your code with our powerful and flexible cloud IDE. Collaborate on your workspaces publicly, or keep them private.

cloud9-IDE-image.jpg

6. jQuery Form Plugin

Pretty cool – can’t believe I hadn’t seen this sooner! It allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process.

jQuery-Form-Plugin-image.jpg
SourceDemo

7. Breakpoints on JavaScript Event Listeners

Learn your breakpoints ladies. Expand Event Listener Breakpoints sidebar pane on the right side of Scripts panel. Expand Mouse entry.
Breakpoints-on-JavaScript-Event-Listeners-image.jpg
Source

8 three.js-pointerlock controls

Really cool pointerlock controls!

threejs-pointerlock-controls-image.jpg
Source

9. Tweet to Map

TWEETS ON A MAP! Why didn’t I think of that! … A jQuery plugin gives you the power to create Google Maps, showing location based Tweets.

SourceDemo

10. TypeScript

Microsoft stuff………………… actually pretty good concept with OOP but not convinced yet. It is a language for application-scale JavaScript development. TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.

TypeScript-image.jpg
SourceDemo

11. AngularUI

I really like AngularJS expect to see more stuff on this framework on the blog soon. This is the enhancement companion suite to the AngularJS framework.

AngularUI-image.jpg
SourceDemo

12. Native Momentum Scrolling

One for mobile developers. One of the biggest gripes of web apps in Mobile Safari comes to an end. In iOS 5 Beta 2, you are able to do this on an element with CSS:

Native-Momentum-Scrolling-image.jpg
SourceDemo

13. Initializr

Crazy fast custom bootstrapping! It is is an HTML5 templates generator to help you getting started with a new project based on HTML5.

Initializr-image.jpg
SourceDemo

14. The JavaScript Database

I’ve seen a few apps using this, not tried it myself yet will do soon and post on blog. An open source library that brings database features into your JavaScript applications.

The-JavaScript-Database-image.jpg

15. Smush.it

Yahoo……. Uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a “lossless” tool, which means it optimizes the images without changing their look or visual quality.

SourceDemo

16. REVEAL.JS

The guy who made this I would like to meet him, please contact me. Your in trouble….. only kidding your friggin awesome man! Good job Hakim! It is a framework for easily creating beautiful presentations using HTML.

revealjs-image.jpg
Source

17.HTML5 PLEASE

You have to check this out if you haven’t before. Thank you please. Look up HTML5, CSS3, etc features, know if they are ready for use, and if so find out how you should use them – with polyfills, fallbacks or as they are.

HTML5-Please-image.jpg

  • http://karmaeconomics.blogspot.com/ lavista4u

    thanks

  • Anil Kumar

    cool collection! tnx

  • Mark Richards

    I found jQuery Form script a few years. Great for validation etc. But it always stops working when the amount of JS or jQuery gets too complicated in a system.

  • Daniel Trott

    Thanks for the collection!
    I already knew Cloud9 IDE and Initializr but I will take a look an Tincr.

  • Thiru

    very useful collection! Thanks a lot.

  • hikups

    Is it normal that the Tincr extension needs to have acces to all my computer data and browsing data? Who’s benefitting from this?

    • http://jquery4u.com/ jQuery4u

      really? not sure about that one!

  • http://www.webdesign.org/ Julia Agnes

    Awesome showcase! thanks!

  • John Motyl Jr

    #10 TypeScript! Thanks for that share. Im so used to writing OOP its nice to see this.. Nice find and great article, like always..

Recommended
Sponsors
Because We Like You
Free Ebooks!

Grab SitePoint's top 10 web dev and design ebooks, completely free!

Get the latest in JavaScript, once a week, for free.