In this post we have collected some articles written by web designers and developers in the last three months. These articles and posts are selected according to the two criteria: 1) they are interesting; 2) they are related to such topics as JavaScript, jQuery, AJAX or CSS preprocessors / frameworks. Here is the result. Hope you’ll enjoy this collection.

• Basics and Principles
• JavaScript Libraries and Plugins
• JavaScript Tutorials
• Tips and Tricks
• Preprocessors and Frameworks
• Miscellanea

Basics and Principles

1). Useful jQuery Function Demos For Your Projects
http://coding.smashingmagazine.com/2012/05/31/50-jquery-function-demos-for-aspiring-web-developers/
by Sam Deering: “In this article we will take a good look at jQuery in action.”

2). 10 things you didn’t know JavaScript could do
http://www.netmagazine.com/features/10-things-you-didnt-know-javascript-could-do
by Sebastian Golasch: “You can do all kinds of crazy stuff with JavaScript. Developer Sebastian Golasch show us what’s possible today: gamepad-controlled 3D games, Flash on the iPad, running a webserver, and more…”

3). JavaScript String Methods Reference
http://www.impressivewebs.com/javascript-string-methods-reference/
by Louis Lazaris: “…most experienced developers will be quite familiar with many of these, but I think this is a good list for beginners to understand the range of methods available that can help accomplish complex operations using simple syntax.”

4). JavaScript Style Guides And Beautifiers
http://addyosmani.com/blog/javascript-style-guides-and-beautifiers/
by Addy Osmani

JavaScript Libraries and Plugins

1). 45 New jQuery Plugins for Web Developers
http://www.splashnology.com/article/45-new-jquery-plugins-for-web-developers/5916/
by AndrewG

2). 10 aggressively used jQuery Infinite Scroll Plugins for endless paging
http://www.webdeveloperjuice.com/2012/05/26/10-aggressively-used-jquery-infinite-scroll-plugins-for-endless-paging/
by Arun Shekar: “Here are the top 10 jQuery plug-ins to enable infinite scrolling on your website page.”

3). 11 Multi-touch and Touch events Javascript libraries
http://www.queness.com/post/11755/11-multi-touch-and-touch-events-javascript-libraries
by Kevin Liew

4). jQuery++ is a Collection of Power Tools for jQuery
http://tutorialzine.com/2012/06/jquery-is-a-collection-of-power-tools-for-jquery/
by Martin Angelov: “…tools like cookie handling, detecting selection, events for file dragging and swiping and much more.”

5). Top 10 JavaScript Libraries for May 2012 (June 26)
http://skytechgeek.com/2012/06/javascript-libraries/
by SkyTech

6). 10 Hot Summer jQuery plugins (july 2012)
http://www.script-tutorials.com/10-hot-summer-jquery-plugins-july-2012/
by admin

7). Peity
http://benpickles.github.com/peity/
by Ben Pickles: “jQuery plugin that converts an element’s content into a simple <canvas> mini pie line or bar chart and is compatible with any browser that supports <canvas>: Chrome, Firefox, IE9+, Opera, Safari.”

8). Video Player
http://videojs.com/
“Video.js is a free HTML5 video player created and open-sourced by Steve Heffernan and Zencoder Inc.”

9). Quojs
http://quojs.tapquo.com/
“A micro, modular, object-oriented JavaScript Library that simplifies HTML document traversing, event handling, and Ajax interactions for rapid mobile web development.”

10). WaterMark.js
http://www.patrick-wied.at/static/watermarkjs/
by Patrick Wied: “A js library for creating watermarks on images.”

11). Mousetrap
http://craig.is/killing/mice
“A simple library for handling keyboard shortcuts in Javascript.”

JavaScript Tutorials

1). Fullscreen Slit Slider with jQuery and CSS3
http://tympanus.net/codrops/2012/06/05/fullscreen-slit-slider-with-jquery-and-css3/
by Mary Lou: “A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions.”

2). 16 New jQuery Tutorials
http://www.splashnology.com/article/16-new-jquery-tutorials/5561/
by AndrewG: “”

3). Build a mobile template with Handlebars
http://www.netmagazine.com/tutorials/build-mobile-template-handlebars
by Nathan Smith: “Nathan Smith of Projekt202 explains how to use Handlebars.js to build lightweight HTML templates for JSON data.”

Tips and Tricks

1). Favicons Next To External Links
http://css-tricks.com/favicons-next-to-external-links/
by Chris Coyier: “They were wanting to insert a favicon next to links and use only CSS to do it. Unfortunately I haven’t found a way to do exactly that, but using some jQuery we can do it pretty easily.”

2). Face detection using HTML5, javascript, webrtc, websockets, Jetty and OpenCV
http://www.smartjava.org/content/face-detection-using-html5-javascript-webrtc-websockets-jetty-and-javacvopencv
by jos.dirksen: “With the webrtc specification it will become easier to create pure HTML/Javascript real-time video/audio related applications where you can access a user’s microphone or webcam and share this data with other peers on the internet. For instance you can create video conferencing software that doesn’t require a plugin, create a baby monitor using your mobile phone or more easily facilitate webcasts.”

3). New ‘Intent’ Tag to Facilitate Ease of Online Data Sharing
http://www.developerdrive.com/2012/06/new-intent-tag-to-facilitate-ease-of-online-data-sharing/
by David Elliot: “…among the newest additions is a tag that significantly facilitates the transfer and sharing of data between online applications and services.”

4). Easily checking in JavaScript if a CSS media query has been executed
http://bricss.net/post/22198838298/easily-checking-in-javascript-if-a-css-media-query-has
by Lensco.be

5). How to Create an Infinite Scrolling Gallery in 10 Minutes
http://www.1stwebdesigner.com/tutorials/infinite-scrolling-tutorial/
by Rakhitha Nimesh

6). 6 New jQuery Techniques to Spice Up Your Design Content
http://devsnippets.com/article/6-new-jquery-techniques-to-spice-up-your-design-content.html
by admin

7). Optimise your JavaScript
http://www.netmagazine.com/tutorials/optimise-your-javascript
by Joe Angus: “Speed up your sites with these tips for slashing the time it takes to execute your code.”

Preprocessors and Frameworks

1). Poll Results: Popularity of CSS Preprocessors
http://css-tricks.com/poll-results-popularity-of-css-preprocessors/
by Chris Coyier

2). Framework Fight: Zurb Foundation vs. Twitter Bootstrap
http://designshack.net/articles/css/framework-fight-zurb-foundation-vs-twitter-bootstrap/
by Joshua Johnson: “In the vast world of rapid prototyping CSS frameworks and toolkits, there are a ton of different options to choose from, but ever since Twitter’s Bootstrap hit the scene it seems like it has largely gobbled up this market. Is there room or reason for anything else?”

3). Understand the Power of Sass and Why You should use CSS Preprocessors
http://www.1stwebdesigner.com/css/power-sass-why-use-css-preprocessors/
by Ranjith Kumar: “Lets analyze and understand the hot and happening technique in the field of front end engineering – CSS preprocessors, which offers to add mind-blowing features to the Cascading Style sheet language, and equip the modern-day front end engineer with tons of nitro and increase productivity.”

4). Can’t Get Into Preprocessors? Try Zen Coding
http://designshack.net/articles/css/cant-get-into-preprocessors-try-zen-coding/
by Joshua Johnson: “A ton of discussion lately has been given to preprocessors. These incredibly useful tools make coding easier, faster and more maintainable, but they’re certainly not for everyone. …you should give a fresh look to an old favorite that helps you dramatically cut your coding time without reinventing your workflow with compilers and other complications: Zen Coding.”

Miscellanea

1). jQuery 2.0 Drops Support for IE6, 7 and 8
http://www.sitepoint.com/jquery-2-support-ie6-ie7-ie8/
by Craig Buckler