-
, Published on Tuesday, October 2nd, 2012
Work offline with HTML5 web storage
Use web storage to add offline capabilities HTML5, the new HTML standard, supports a wide array of new functions and layout techniques. It fully supports multimedia, CSS3, and…
Read the article -
, Published on Monday, July 16th, 2012
Creating Multipage Websites in jQuery Mobile
In jQuery Mobile there are two ways to structure webpages for jQuery Mobile: incorporate all the pages in the same file, or create separate files for each page like a typical …
Read the article -
, Published on Thursday, July 5th, 2012
Create a custom jQuery plug-in
Extend the jQuery library with your own reusable code jQuery is a powerful library that delivers all of the core functions you need when developing a JavaScript project. Howev…
Read the article -
, Published on Tuesday, June 26th, 2012
Bring the third dimension to a two-dimensional HTML5 canvas
The power of parallax processing Parallax processing is an exciting way to animate graphic layers on the web using arrow keys or mouse movement. In this article, learn how to …
Read the article -
, Published on Tuesday, April 24th, 2012
Implement responsive design with jQuery Mobile and CSS3
Create web page layouts that adapt to each user's screen resolution. On its own, the jQuery Mobile framework is a great solution for quickly creating an accessible, HTML5 mark…
Read the article -
, Published on Friday, April 20th, 2012
Working with Pages in jQuery Mobile
Working with Pages in jQuery Mobile. With most of the heavy lifting being done by the framework it's easy to focus on the results of the website being built. In this excerpt f…
Read the article -
, Published on Wednesday, February 8th, 2012
Using UI components in jQuery Mobile
Many UI components are available in the jQuery Mobile framework. This article provides a high-level overview of each element and how you can use it in a mobile website. It tou…
Read the article -
, Published on Wednesday, January 18th, 2012
Using the jQuery Mobile API
The jQuery Mobile API provides an extra level of control over the customization of your mobile website. Everything from the custom setup of global options to hooking into inte…
Read the article -
, Published on Monday, January 9th, 2012
HTML5 and CSS3 Video QuickStart Guide
The HTML5 and CSS3 Video QuickStart Guide is the video companion to the bestselling HTML5 and CSS3: Visual Quickstart Guide, Seventh Edition; based on material by Elizabeth Ca…
Read the article -
, Published on Tuesday, November 15th, 2011
Create custom jQuery mobile themes
The high adoption rate of smartphones and tablet devices is ultimately increasing the demand for mobile web developers and designers. The jQuery Mobile framework lets you crea…
Read the article -
, Published on Tuesday, November 1st, 2011
Creating objects with the JavaScript language
See the different methods used to create objects using JavaScript. This demo uses each object-creation method to create a functional photo slideshow. With the increased popula…
Read the article -
, Published on Tuesday, November 1st, 2011
JavaScript and the Document Object Model
Learn about JavaScript and the Document Object Model in this easy to follow practice article. The exercises in this article give you practice in: Traversing the DOM using …
Read the article -
, Published on Tuesday, November 1st, 2011
Creating objects with JavaScript
Learn about the benefits of creating objects with JavaScript in this easy to follow practice article. These exercises give you practice in: Creating objects using the Object…
Read the article -
, Published on Tuesday, November 1st, 2011
The foundation of the JavaScript language
Get an overview of the foundational constructs of the JavaScript language. This demo briefly describes the basic constructs and provides examples that illustrate how they can …
Read the article -
, Published on Tuesday, November 1st, 2011
Getting started with JavaScript
The exercises in this article give you practice in: Creating and using variables Using arithmetic operators Using assignment operators Using comparison operators Creatin…
Read the article -
, Published on Tuesday, August 16th, 2011
Understanding built-in objects in JavaScript
Gain a foundational understanding of the intrinsic objects available in the JavaScript language. All programming languages have intrinsic (or built-in) objects that create the…
Read the article -
, Published on Tuesday, August 2nd, 2011
Get started with the JavaScript language, Part 2: Events, cookies, timing, and more
JavaScript has become increasingly popular and is arguably one of the most widely used languages on the Internet. It can be used cross-platform and cross-browser, and it does …
Read the article -
, Published on Friday, July 29th, 2011
Sending mail to an SMTP server with authentication using JavaMail
Many SMTP servers use an authentication system as an extra layer of security in their mail transport. If you need to send email to such a server with JavaMail, the library pr…
Read the article -
, Published on Tuesday, April 19th, 2011
Get started with object-oriented JavaScript code
With the popularity of today's highly interactive websites, the JavaScript language is in high demand. Developers who truly want to write complex JavaScript code need to have …
Read the article -
, Published on Tuesday, April 5th, 2011
Get started with the JavaScript language: JavaScript language fundamentals
Want a foundational understanding of the JavaScript language? This article gets you started by covering basic JavaScript concepts for beginners, and provides code examples to …
Read the article -
, Published on Saturday, March 19th, 2011
Getting started with Node.js: writing a simple "Hello World" application
Node.js is an exciting, multi-platform framework built around the JavaScript programming language which has been gaining support by developers over the past few months. In thi…
Read the article -
, Published on Tuesday, March 8th, 2011
Create customizable web interfaces with the jQuery UI and Ajax
Today, websites are more customizable than ever, allowing users to alter their space and personalize it to their liking. Personalized home or dashboard pages, such as iGoogle,…
Read the article -
, Published on Tuesday, February 15th, 2011
Achieve cross-browser functionality with HTML5 and CSS3
HTML5 and CSS3 have many great new features, like the ability to store data offline and create round corners without graphics. However, not all of these new features work acro…
Read the article -
, Published on Tuesday, September 21st, 2010
Improve Ajax development with jQuery
Learn how to apply basic Asynchronous JavaScript + XML (Ajax) techniques in jQuery, such as making a request; handling success and error responses; and parsing the results fro…
Read the article -
, Published on Tuesday, May 4th, 2010
Creating a Custom News Search Widget Using the Google Search API
The widgets provided by Google are a great way to get the functionality you’re looking for without writing any code, but sometimes there’s a need for a little more control…
Read the article -
, Published on Thursday, April 29th, 2010
How to Create a Custom Blog Widget Using the Google Search API
Google’s widgets are a great way to get the functionality you’re looking for without writing any code, but sometimes there’s a need for a little more control and flexibi…
Read the article -
, Published on Thursday, April 22nd, 2010
Create a Custom YouTube Widget Using the Google Search API
The widgets provided by Google are a great way to get the functionality you’re looking for without writing any code, but sometimes there’s a need for a little more control…
Read the article -
, Published on Wednesday, April 7th, 2010
Creating a Google Image Widget Using the Google Search API
The widgets provided by Google are a great way to get the functionality you’re looking for without writing any code, but sometimes there’s a need for a little more control…
Read the article -
, Published on Tuesday, November 3rd, 2009
Object-Oriented PHP: Using the Singleton Design Pattern
The true power of PHP is the speed in which you can rapidly build object-oriented Web applications. While some traditional developers equate scripting languages with instabili…
Read the article -
, Published on Monday, October 5th, 2009
Designing a Custom YouTube Channel
As the social networking landscape broadens, your organization's online presence should grow to match. One social network often overlooked is YouTube. You don't have to be a t…
Read the article -
, Published on Tuesday, August 25th, 2009
Creating a Twitter Widget with Flash
Twitter usage is growing at a phenomenal rate—in just one year, Twitter grew by 1,382%. In January 2009, it received 4.5 million unique U.S. visitors. Recently I wrote an ar…
Read the article -
, Published on Wednesday, August 12th, 2009
Creating a Twitter Widget with Ajax
It's becoming increasingly popular for individuals and business that use Twitter to share their Twitter messages with the world. With "Follow me on Twitter" icons proudly disp…
Read the article -
, Published on Friday, September 5th, 2008
Tips for Making a Painless Migration to ActionScript 3
There are many necessary ActionScript tasks used to create common Flash functionality. With all of the updates and changes made to ActionScript, figuring out how to accomplish…
Read the article -
, Published on Monday, August 11th, 2008
Using Functions, Properties, and Keywords in ActionScript 3
With unlimited, optional parameters, ActionScript 3 functions provide flexibility for unexpected additions. You can also control the access to the functions you create with ne…
Read the article -
, Published on Friday, July 11th, 2008
Default parameter values, Five ActionScript Tips in Five Days, Part 5
ActionScript 3 offers a great solution to ensuring that your method parameters have values even when no values are passed. The solution is called default parameter values, whi…
Read the article -
, Published on Thursday, July 10th, 2008
Wilcard parameters, Five ActionScript Tips in Five Days, Part 4
Parameters are an essential construct of a method, and the ability to type parameters is of the utmost importance. But what if you are not sure of the value type for a paramet…
Read the article -
, Published on Wednesday, July 9th, 2008
LoaderInfo, Five ActionScript Tips in Five Days, Part 3
Loading external variables into Flash opens up a whole world of possibility. In the past, _root was used to access variables passed via the FlashVars attribute. In ActionScrip…
Read the article -
, Published on Wednesday, July 9th, 2008
Namespaces, Five ActionScript Tips in Five Days, Part 2
ActionScript 3 namespace definition keywords are extremely powerful and can really simplify your code. A namespace is essentially a custom keyword that controls the visibility…
Read the article -
, Published on Monday, July 7th, 2008
Label statements, Five ActionScript Tips in Five Days, Part 1
There are many little known features in ActionScript 3 that make life easier. The label statement is one of those gems that actually makes programming kind of fun. Label state…
Read the article -
, Published on Friday, March 7th, 2008
Creating a Full-Screen Web Site with Flash CS3
With all of the flexibility of liquid layouts in CSS, it’s easy to see why full-screen Flash web sites are becoming more popular. A full-screen Flash web site is one that ta…
Read the article -
, Published on Friday, February 8th, 2008
Animating with XML in Flash CS3
Animation is fundamental to Flash. It’s the reason that Flash gained so much popularity in its early days. ActionScript 1 didn’t have any animation support, but ActionScri…
Read the article -
, Published on Friday, January 4th, 2008
Using Stylesheets in Flash CS3
All Web designers know that stylesheets create a consistent look throughout your web site and keep your code clean at the same time. However, when it comes to Flash, these use…
Read the article -
, Published on Friday, November 30th, 2007
Creating a Web Design Questionnaire
One of the most overlooked additions to a designer's web site is a questionnaire for new projects or potential clients. Done right, a web design questionnaire will be a time-s…
Read the article -
, Published on Friday, November 9th, 2007
Creating a Winning Proposal for Web Projects
As a designer, the first and most important step in any project is creating a winning proposal. A solid proposal is more than just an explanation of what you're planning to do…
Read the article -
, Published on Friday, October 5th, 2007
How to Create Dynamic Script Tags for Ajax Components
If you've ever developed something in JavaScript and wanted to have control over it when it was launched in a remote location, Dynamic Script Tags (DST) are the perfect soluti…
Read the article -
, Published on Friday, October 5th, 2007
How to Create Dynamic Script Tags for Ajax Components
If you've ever developed something in JavaScript and wanted to have control over it when it was launched in a remote location, Dynamic Script Tags (DST) are the perfect soluti…
Read the article -
, Published on Friday, September 14th, 2007
From Flash to Flex: Understanding Flex Events
Everything in Flex occurs based on an event. This means that simply clicking a button or key to moving the mouse or receiving a response from a web service provides developers…
Read the article -
, Published on Friday, September 14th, 2007
Monster Mash
Mashups allow entirely new applications to be built by simply combining the APIs from third-party applications. Many large web companies, such as Google, Yahoo, and Amazon,…
Read the article -
, Published on Wednesday, August 29th, 2007
How to Create Form Posts with Ajax
Now that Ajax is becoming a standard for handling interactions on the Web it's time to use it to update form submissions. In this article you'll learn how to create a reusable…
Read the article -
, Published on Friday, August 24th, 2007
Converting Forms to Ajax, Part 2
In the last Designing with Code article, Converting Forms to Ajax, I showed you how to convert your standard web forms to Ajax by including a simple JavaScript object. In t…
Read the article -
, Published on Tuesday, August 14th, 2007
Class Inheritance with PHP
There are many benefits of inheritance with PHP, the most common is simplifying and reducing instances of redundant code. Class inheritance may sound complicated, but think of…
Read the article -
, Published on Friday, July 27th, 2007
From Flash to Flex: Creating ActionScript Components for Flex
The Flash to Flex series has covered the basic creation of a Flex project and making a move to ActionScript 3 (AS3). In this article we will take a deeper look at class creati…
Read the article -
, Published on Friday, July 27th, 2007
Converting Forms to Ajax
Web design has become more than just a pretty web site with a nice layout. While that's still part of the equation, web design has evolved into the way things work, how users …
Read the article -
, Published on Friday, July 6th, 2007
From Flash to Flex: Moving to ActionScript 3
For years there has seemed to be a stigma in the development community about developing with AS (ActionScript). With the release of AS 2 there was a huge shift and many more d…
Read the article -
, Published on Monday, June 25th, 2007
Leveraging RSS
RSS may be a simple programming language, but you can use it to market and publish any information to unlimited sources across the web. Plus, it's completely free. In this art…
Read the article -
, Published on Friday, June 8th, 2007
From Flash to Flex: Integrating ActionScript with MXML
I’ve been using Flash since version 4 and think that I know most of the intricacies and workarounds in the application. I also consider myself an expert with XML and ActionS…
Read the article -
, Published on Friday, May 25th, 2007
Leveraging Your Existing Content
As technology progresses and information becomes more readily available, users become more demanding. Unless you already have a loyal audience, good information is usually not…
Read the article -
, Published on Friday, May 18th, 2007
Ajax, Where Design Meets Code
Time and again I've seen applications fail because of an unusable interface design. This not only includes the look-and-feel of the application, but the actual interaction pro…
Read the article -
, Published on Friday, April 13th, 2007
Create a DropIn JavaScript Component
The Designing With Code series looks at design and interaction issues in web applications and finds elegant design solutions through code. This week, I follow up Robert Hoek…
Read the article -
, Published on Friday, March 30th, 2007
Enhancing Text Readability Online Through Code
Text readability is an extremely important part of any web site, but how do you know what size your users will find readable? Kris Hadlock shows you how to solve this problem …
Read the article -
, Published on Friday, March 16th, 2007
Tumblelogging
As Robert Hoekman mentioned in his previous Designing the Obvious Clinic on Tumblr, tumblelogs are more stream-of-conscious than traditional blogs. With this concept in mind,…
Read the article -
, Published on Friday, February 9th, 2007
Using RSS
In this column, I’m following up Robert Hoekman’s Designing the Obvious Clinic on RSS. In his column, Robert does something a little different than usual by measuring an …
Read the article -
, Published on Friday, February 2nd, 2007
Server Side Caching for Ajax
Kris Hadlock explains the importance of server-side caching for Ajax, providing a working solution that can be implemented on any PHP-enabled server.…
Read the article -
, Published on Friday, January 26th, 2007
Create Your Own Custom Ajax Enabled Accordion Component
Adding massive amounts of data to one web page is not a recommended design approach because it can be completely disorienting to the user, and might cause him to go to another…
Read the article -
, Published on Friday, January 5th, 2007
How to Create a Tag Cloud
In this column, I follow up Robert Hoekman’s Designing the Obvious Clinic on the new beta version of SlideShare. In his column, Robert measures the application against a f…
Read the article -
, Published on Friday, December 29th, 2006
Creating Smart Forms with Ajax
Web forms are very important pieces of an application. They're used for registration, logging in, or even payment for services. Kris Hadlock explains the importance of creatin…
Read the article -
, Published on Friday, December 8th, 2006
Improving CraigsList
CraigsList is an extremely popular web application used by tons of people in many different countries. People often wonder about the lack of design, but just about everyone I …
Read the article -
, Published on Friday, December 1st, 2006
How to Use Atlas for ASP.NET
This article covers everything you need to know about how to use the new Atlas framework for ASP.NET: where to get it and how to integrate it and create your own AJAX-enabled …
Read the article -
, Published on Thursday, November 23rd, 2006
Database-enabled Ajax with PHP
Ajax has taken the web to a new level by offering an intuitive interactive model that rivals the desktop. To compete with desktop applications, database interaction is necessa…
Read the article -
, Published on Friday, November 17th, 2006
Ajax Tips and Tricks
If you're developing in AJAX, author Kris Hadlock has a few tricks you can use to avoid common issues and speed up your AJAX development time. This article shows you how to pr…
Read the article -
, Published on Friday, November 10th, 2006
Collaboration
Robert’s latest column takes a look at Google Docs & Spreadsheets. In this companion piece to his article, I’ll show you how to integrate PHP and MySQL with Ajax to c…
Read the article -
, Published on Wednesday, November 1st, 2006
Creating a Custom RSS Feed with PHP and MySQL
RSS has become the standard technology for syndicating information to large audiences. Many people have something to say, but its finding the right audience for your voice tha…
Read the article -
, Published on Friday, October 20th, 2006
RSS Aggregation with PHP and AJAX
An RSS aggregator is the perfect application to build with a standard AJAX engine, but cross-domain AJAX requests to RSS feeds are not possible. In this article, Kris Hadlock …
Read the article -
, Published on Friday, October 13th, 2006
Handling PNG Transparency on the Web
If you’ve ever tried to implement transparent PNG files on the Web, you’ve probably found that they don’t work in all browsers. This isn’t a big surprise since differe…
Read the article -
, Published on Thursday, October 12th, 2006
Advanced Ajax with JSON
There’s no doubt that Ajax is a powerful and user-enhancing group of technologies, but its many possibilities still aren’t widely known. In this article, we’ll take a lo…
Read the article -
, Published on Friday, September 15th, 2006
CSS Tips and Tricks to Speed Your Workflow
If you use CSS on a regular basis here are several shortcuts and techniques that help get work done faster and easier. In this article, Kris Hadlock passes along a couple of h…
Read the article -
, Published on Thursday, September 14th, 2006
The Anatomy of an RSS Feed
RSS has become the standard data format for communicating news, updates or any other type of information that a company or individual wants to syndicate to a large audience. T…
Read the article -
, Published on Friday, September 1st, 2006
How to Secure Ajax Requests
When integrated with a database, AJAX can accomplish some extremely powerful interactions that are unique to the set of languages it encompasses. "With great power comes great…
Read the article -
, Published on Friday, August 18th, 2006
Custom Ajax Effects: Fading
With all of the new Ajax effects frameworks popping up on the Web, have you ever wondered just how they do it? This article sheds some light on this question by showing how to…
Read the article -
, Published on Friday, August 4th, 2006
Creating a Resizable Interface
Web applications are not only giving the Internet a face-lift, they’re paving the way for new forms of usability-based design. Although designers rely on Web applications to…
Read the article -
, Published on Friday, June 23rd, 2006
Providing Feedback
One important aspect of developing web applications is creating feedback messaging--such as errors, warnings, and success messages--that will guide the end user through certai…
Read the article -
, Published on Wednesday, May 24th, 2006
External Communications with Flash 8: How to Use the ExternalInterface
A few new classes in Flash 8 push it beyond previous versions by providing external communication with other technologies. Developers have been coding workaround external comm…
Read the article -
, Published on Friday, April 28th, 2006
How to Upload a File by Using the Flash FileReference Object
The FileReference class is a long-awaited addition to Flash. This class allows you to browse local drives on a user’s computer and provide the user with the ability to selec…
Read the article -
, Published on Friday, April 7th, 2006
How to Use the XPathAPI in Flash
Flash 8 has delivered the ability to do simple searches for node names and attribute values in an XML file with its new XPathAPI class. Kris Hadlock shows how to use the XPath…
Read the article -
, Published on Friday, February 10th, 2006
How To Handle Ajax Responses
User interaction drives Web sites. It's essential to understand how to handle the responses, especially with new forms of interaction such as AJAX. Kris Hadlock covers the ess…
Read the article -
, Published on Friday, January 27th, 2006
How To Use Ajax Patterns
Kris Hadlock explains how to use design patterns for AJAX development to keep your applications scalable, reusable, and efficient. Design patterns make development more effici…
Read the article -
, Published on Friday, December 16th, 2005
How To Integrate a Database with AJAX
Learn how to integrate a database with Ajax using PHP Quite a few new applications out on the web—Backpack, Blinksale, and Gmail, for example—integrate databases with AJAX…
Read the article -
, Published on Friday, December 9th, 2005
How To Create an RSS Aggregator with PHP and AJAX
Imagine using a simple HTML file to send a request to a server-side script, receive a custom XML file based on that request, and then display it to the user without ever refre…
Read the article -
, Published on Friday, November 11th, 2005
How To Use Ajax
This article explains how to use AJAX in a real-world situation and how you can assess its value in a project. By the time you finish reading this article, you'll know what AJ…
Read the article -
, Published on Thursday, October 6th, 2005
Extending Ajax with the Flash JavaScript Integration Kit
Want more control over the user experience? Because Flash makes graphical programming quick, easy, and attractive, and because JavaScript is very effective at manipulating HTM…
Read the article
Articles
Web Design and Development Articles