HTMLcut blog

About PSD to HTML Conversion and More

JavaScript, jQuery, AJAX and Frameworks – Fresh Articles Worth Reading

JavaScript, jQuery, AJAX and Frameworks - Fresh articles worth readingIn 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

1). Useful jQuery Function Demos For Your Projects
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
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
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
by Addy Osmani

JavaScript Libraries and Plugins

1). 45 New jQuery Plugins for Web Developers
by AndrewG

2). 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
by Kevin Liew

4). 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)
by SkyTech

6). 10 Hot Summer jQuery plugins (july 2012)
by admin

7). 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
“Video.js is a free HTML5 video player created and open-sourced by Steve Heffernan and Zencoder Inc.”

9). Quojs
“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
by Patrick Wied: “A js library for creating watermarks on images.”

11). Mousetrap
“A simple library for handling keyboard shortcuts in Javascript.”

JavaScript Tutorials

1). 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
by AndrewG: “”

3). Build a mobile template with 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
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
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
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

5). How to Create an Infinite Scrolling Gallery in 10 Minutes
by Rakhitha Nimesh

6). 6 New jQuery Techniques to Spice Up Your Design Content
by admin

7). 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
by Chris Coyier

2). 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
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
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.”


1). jQuery 2.0 Drops Support for IE6, 7 and 8
by Craig Buckler


Comments (5)

  1. Pingback: Tutorials | Pearltrees

  2. Pingback: Tweet-Parade (no.28 Jul 2012) |

  3. Thank you for the excellent posts!

    Johhny Ross

  4. Excellent work. see you

    Tommy McKenzy

  5. Good info, your information is very helpful for me. Thank you very much….

    WP Customization

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>