Browsing Category

JavaScript & AJAX

Create a Scalable Widget Using YUI3: Part 2

Create a Scalable Widget Using YUI3: Part 2

In part one of this series, we reviewed some of the necessary constructs to use when creating a widget with YUI3. We looked at the static properties we needed to set, the class constructor and namespacing, and briefly looked at the extend() method.

In this part of the tutorial, we’ll review the prototype methods we can override or create in order to make our widget function.

Dig into Dojo: Dijit

Dig into Dojo: Dijit

Maybe you saw that tweet: “jQuery is a gateway drug. It leads to full-on JavaScript usage.” Part of that addiction, I contend, is learning other JavaScript frameworks. And that’s what this four-part series on the incredible Dojo Toolkit is all about: taking you to the next level of your JavaScript addiction. In this episode, we’ll take a tour of Dijit, Dojo’s UI library.


This entry is part 3 of 4 in the Dig into Dojo Session
Create a Scalable Widget Using YUI3: Part 1

Create a Scalable Widget Using YUI3: Part 1

In this tutorial, we’re going to look at how easy it is to create scalable, robust and portable widgets using the latest version of the Yahoo User Interface library. YUI3 provides a Widget class for us to extend in order to create widgets in a consistent way that leverage the power of the library.

The widget that we’ll create today is a Twitter search client that will query Twitter’s search API and consume the JSON response in order to display tweets that contain the configured search term. We can also add additional functionality such as allowing the visitor to choose another term and do a new search, and viewing paged results. Join me after the jump!

Quick Tip: Create a Makeshift JavaScript Templating Solution
videos

Quick Tip: Create a Makeshift JavaScript Templating Solution

Sometimes, you don’t require a high-quality templating solution, but still need to keep from mixing lots of nasty HTML into your JavaScript. In these cases, a simple, makeshift templating system can go a long way.

Create a Windows-like Interface with jQuery UI

Create a Windows-like Interface with jQuery UI

Have you ever wanted to create an interactive user interface for your application, but didn’t know how to? In this tutorial, we’ll create a Windows-like interface quickly and easily, by getting down and dirty with jQuery UI, a user interface library built on top of jQuery.

Dig into Dojo: NodeList Modules and Ajax

Dig into Dojo: NodeList Modules and Ajax

Maybe you saw that tweet: ”jQuery is a gateway drug. It leads to full-on JavaScript usage.” Part of that addiction, I contend, is learning other JavaScript frameworks. And that’s what this four-part series on the incredible Dojo Toolkit is all about: taking you to the next level of your JavaScript addiction.

In this second episode, we’ll be discussing loading modules and using some of the DOM-enhancing modules.


This entry is part 2 of 4 in the Dig into Dojo Session
How to Inject Custom HTML and CSS into an iframe
videos

How to Inject Custom HTML and CSS into an iframe

Ever been to a site like JSBin, where you can write HTML, CSS, and JavaScript, and then see the results in a panel to the right? An iframe is how we can accomplish this task. In today’s quick tip, I’ll show you how to inject HTML and CSS into an iframe.

Dig into Dojo: DOM Basics

Dig into Dojo: DOM Basics

Maybe you saw that tweet: “jQuery is a gateway drug. It leads to full-on JavaScript usage.” Part of that addiction, I contend, is learning other JavaScript frameworks. And that’s what this four-part series on the incredible Dojo Toolkit is all about: taking you to the next level of your JavaScript addiction.


This entry is part 1 of 4 in the Dig into Dojo Session
A Massive Guide to Custom Theming jQuery UI Widgets: Premium Tutorial
plus

A Massive Guide to Custom Theming jQuery UI Widgets: Premium Tutorial

jQuery UI is an open source library of interface components that features interactions, animation effects and ready-to-use widgets. jQuery UI is based on the jQuery JavaScript library and is themeable, which makes integrating jQuery UI easy for developers of any skill level to integrate into their web pages and applications.

Become a Premium member to read this tutorial as well as hundreds of other advanced tutorials and screencasts from the Tuts+ network.

Dive into ExtJS: New Premium Series
plusvideos

Dive into ExtJS: New Premium Series

In this Premium series, we review version four of the JavaScript framework, ExtJS. We’ll cover what it is, how to install it, and then work through a variety of demos that demonstrate how to take full advantage of the framework.

Become a Premium member to read this tutorial, as well as hundreds of other advanced tutorials and screencasts.

Page 2 of 2512345678...Last »