I simply adore prism and although I haven’t been able to use it on an existing web project, I know this library will come in handy during future work. Prism is a free syntax code highlighter which is based very similar to Dabblet. It is used everyday by thousands of websites and it will support a tremendous list of languages.
There are only two files to include for the JS effects and CSS styles, respectively. On the homepage there are plenty of examples for setting up your own codes in a separate project. But if you want to see a real live demo you can play around with the syntax highlighting features.
When I first heard of the library I was a bit taken back. However after spending just a few minutes looking over the demos it’s painfully easy to code your own interactive map. This embedded feature on your website looks great for corporations or small businesses. Also for conference halls or public buildings with lots of events.
It is possible to create ordered menus and highlighted page effects, too. This library is helpful for basically any type of introductory tutorial which is built for the web. If you want to download a copy of the source code you can visit the Github page for more information.
6. jQuery Mobile
Web developers are all too familiar with the standard jQuery library. Well some other developers have come together and created a framework based on jQuery for mobile web applications. jQuery Mobile focuses on HTML5 techniques and is optimized for touch-based events.
This is the perfect solution if you need to build a very simple mobile app quickly. The HTML page structure is still coded the same way, only your jQuery Mobile elements will be styled differently. As of writing this article the current stable release is jQM 1.2.0 which includes a litany of additional custom page widgets.
If you are not familiar with databases then trying to learn HTML5 SQL is possibly the best place to start. You will be working with mostly frontend languages, and aside from learning SQL this JS library will help out immensely. Check out their live demo page to get a better idea of the key functionality.
Right on their homepage you will notice some brief code examples. These are typically one-line codes which output a type of date & time format. Additionally they have setup a small testing page to catch a glimpse into what is possible with this library and if your web browser supports these features. If you want to find out more or contribute to the project be sure to check out the Moment.js Github page.
The effect is supported by all modern browsers and even older legacy versions of Internet Explorer 6+. From the project page you may scroll down a bit to see a live demo example. The code blocks are generally a few lines long and very simple to read. Just like the other libraries grumble has its own Github page with new commits, branches, and support forums.
You may also like:
50 New Resources and Tools for Web Developers (2012) →
50 Free Tools and Apps for Web Designers and Developers (2011) →
Our 50 Favorite Web Developers Resources and Tools from 2011 →
The 50 Most Useful jQuery Plugins from 2011 →