Back to Top
The nuts and bolts for
Creative web development

Event-Based Programming: What Async Has Over Sync

One of JavaScript’s strengths is how it handles asynchronous (async for short) code. Rather than blocking the thread, async code gets pushed to an event queue that fires after all other code executes. It can, however, be difficult for beginners to follow async code. Jonathan Creamer will help clear up any confusion you might have in this article.

February 20, 2013 Author: Ivo Rangelov Rating: Not enough votes

Making Use of jQuery UI’s Widget Factory

For a long time, the only way to write custom controls in jQuery was to extend the $.fn namespace. This works well for simple widgets, however, as you start building more stateful widgets, it quickly becomes cumbersome. To aid in the process of building widgets, the jQuery UI team introduced the Widget Factory, which removes most of the boilerplate that is typically associated with managing a widget.

February 6, 2013 Author: Ivo Rangelov Rating: Not enough votes

Getting Started with TypeScript

In late 2012, Microsoft introduced TypeScript, a typed superset for JavaScript that compiles into plain JavaScript. TypeScript focuses on providing useful tools for large scale applications by implementing features, such as classes, type annotations, inheritance, modules and much more! In this tutorial, Sayanee Basu will get started with TypeScript, using simple bite-sized code examples, compiling them into JavaScript, and viewing the instant results in a browser.

January 14, 2013 Author: Ivo Rangelov Rating: Not enough votes

Responsive & Touch-Friendly Audio Player

The <audio> elements have events, methods and properties, which means it can be manipulated using JavaScript. Experimenting is nice, but all of this would be worthless without practical use. Despite the fact that video is the most popular type of media on the Internet, there are also situations when audio is important or even the major content, think podcasts or websites of musicians.

December 17, 2012 Author: Ivo Rangelov Rating: Not enough votes

Ajax - Beyond the Four Lettering

In this article we are going to discuss what is AJAX, how it works, what you can do with it, what are the advantages and the fall backs. The goal here is to try and explain how the Ajax works, by giving you a detailed explanation of the whole process along with some graphics and live examples. So lets get started.

December 13, 2012 Author: Ivo Rangelov Rating: Not enough votes

10 JavaScripts to Improve Your Mobile Development

Issues of cross-browser compatibility, screen resolution and inconsistent HTML and CSS code are things of the past in mobile development. Developers who are still grappling with these issues are far behind the times and need to learn a few new tricks. Mobile developers today are widening the scope of their expertise; they are not only solving these issues but are developing mobile websites that have impressive layouts, are touch-friendly and are based on frameworks that work flawlessly on smartphones and tablets.

November 22, 2012 Author: Ivo Rangelov Rating: Not enough votes

Building A Relationship Between CSS & JavaScript

jQuery, Prototype, Node.js, Backbone.js, Mustache and thousands of JavaScript microlibraries all combine into a single undeniable fact: JavaScript is popular. It’s so popular, in fact, that users often find themselves using it in places where another solution might be better in the long run.  Because JavaScript is so powerful, there are a lot of overlaps in capability between JavaScript and HTML (building document structure) and JavaScript and CSS (injecting style information).

November 21, 2012 Author: Ivo Rangelov Rating: Not enough votes

Spice up Your Personal Site with jQuery

Personal sites tend to be the one area where people allow themselves to truly unleash their creativity. Joel Besada is going to use one of his own plug-ins, jQuery Scroll Path, as a tool to transform a conventional site layout into something that resembles an interactive presentation. The sections of the page will be spread out and rotated across a two-dimensional plane, and bound together with a path that the browser window follows when the user scrolls the page.

November 14, 2012 Author: Ivo Rangelov Rating: Not enough votes

Check Out the New jQuery Mobile 1.2

Not too long ago, the jQuery team released jQuery Mobile 1.2. This new release has some fantastic changes! In this article, Andy Matthews is going to review some of the new widgets available to developers, take a look at changes made to existing widgets, and glance over a few impactful enhancements that could affect your jQuery Mobile application. Firstly, you need to download the bits and bytes. Head over to the jQuery Mobile download page and download the option that best meets your needs.

November 8, 2012 Author: Ivo Rangelov Rating: Not enough votes

Make a Better FAQ Page With jQuery

The Frequently Asked Questions page has been a mainstay of all types of websites since the dawn of the Web. It's used as a marketing page, as an attempt to reduce the number of calls or e-mails to a customer service department, and as a helpful tool for site visitors to learn more about the company or organization they're dealing with or the products or services they're interested in purchasing. Though Natalie Maclees will be building a FAQ page for this example, this expand and collapse technique will be useful in many different situations.

November 2, 2012 Author: Ivo Rangelov Rating: Not enough votes