HTML

HTML5: ApplicationCache API
Reader Level: Reader Level

With the ubiquity of web-based applications, it is more important now than ever that web applications be accessible when the user is offline. While browsers have been able to cache components of a website, HTML5 addresses some of the difficulties of being offline with the ApplicationCache API.

Finger-Friendly Mobile Web - Part 4: Dynamic Layering 1
Reader Level: Reader Level

The web is moving beyond the confines of computers, thanks to the advent of smart phones and high-speed cellular networks. This is changing not only the way we think about connectivity and the net, but also the ways in which we access and interact with information. The rise of the touch screen and smart phone are bringing a myriad of new challenges, and opportunities, our way.

In this series we're going to explore how we, as web developers, need to adapt in order to take full advantage of these changes and continue to provide new and exciting user experiences. We're going to learn to conquer the "finger-friendly mobile web"!

In the fourth part of this series we're going to start to look at the most easy and efficient means of implementing the "dynamic layering" concept that I've introduced to allow your websites to scale to fit different mobile devices seamlessly.

The Finger Friendly Mobile Web Series
Finger-Friendly Mobile Web - Part 1: An Introduction
Finger-Friendly Mobile Web - Part 2: Screen Sizes vs Density
Finger-Friendly Mobile Web - Part 3: Physical Sizes
Finger-Friendly Mobile Web - Part 4a: Dynamic Layering 1
Finger-Friendly Mobile Web - Part 4b: Dynamic Layering 2
Finger-Friendly Mobile Web - Part 4c: Dynamic Layering 3
Finger-Friendly Mobile Web - Part 4d: Dynamic Layering 4
Finger-Friendly Mobile Web - Part 4e: Dynamic Layering 5
Finger-Friendly Mobile Web - Part 4f: Dynamic Layering 6
Finger-Friendly Mobile Web - Part 4g: Dynamic Layering 7

Clearing Floats Without Touching Your HTML
Reader Level: Reader Level

Yes, it is possible to clear floats without adding <br class="clearfloat" /> into your HTML. In this tutorial, we cover the old fashioned clearfloat element, and three not-so-new but not-oft used unobtrusive CSS methods of clearing floats.

All About CSS Drop Shadows - Part Six
Reader Level: Reader Level

Last time we covered the small details of our new CSS drop shadow method, cleaning up a lot of loose ends. Now we will introduce a fancy trick that will cause our shadowed element to behave like a depressable button when it is hovered. It's a really neat effect, and we feel it will eventually become a common method on the web.

The All About CSS Drop Shadows Series:
All About CSS Drop Shadows - Part One
All About CSS Drop Shadows - Part Two
All About CSS Drop Shadows - Part Three
All About CSS Drop Shadows - Part Four
All About CSS Drop Shadows - Part Five
All About CSS Drop Shadows - Part Six
All About CSS Drop Shadows - Part Seven Coming Soon

An XHTML, CSS and Accessible Form Template
Reader Level: Reader Level

In this tutorial we will look at how we can create a generic form template that can be used as a starting point in your web designs. We'll pre-set selectors so that you can choose to display your from elements inline or at block level.

Practical/Cool Uses of Attribute Selectors
Reader Level: Reader Level

In a recent article we introduced you to the concept of attribute selectors, in this article we will take that underpinning knowledge and explore two ways in which they can be used to enhance the way in which certain elements within typical (X)HTML documents are presented to a site's visitors.

In the course of studying these two examples you should be able to come up with some neat ideas for styling other page elements based on their attributes.

Streaming MP3s with Flash Communication Server: Part 2 - Creating an MP3 Component
Reader Level: Reader Level

In the last article of this tutorial series, covering MP3 streaming with Flash Communication Server (aka Comm Server), you learned how to build a basic Comm Server application which hosted MP3 files and a Flash movie client that could connect to the application to stream those MP3 files in real-time. In this second part, you will learn how to convert the MP3 player into a Flash component and how to manage the component files with the Project panel in Flash MX Pro 2004.

The Streaming MP3s Series:
Streaming MP3s with Flash Communication Server: Part 1 - Streaming Basics
Streaming MP3s with Flash Communication Server: Part 2 - Creating an MP3 Component
Streaming MP3s with Flash Communication Server: Part 3 - Adding a Playlist to the MP3 Component
Streaming MP3s with Flash Communication Server: Part 4 - Using Other Playback Components
Streaming MP3s with Flash Communication Server: Part 5 - Creating an MP3 Database
Streaming MP3s with Flash Communication Server: Part 6 - Displaying Dynamic MP3 Data in a Flash UI
Streaming MP3s with Flash Communication Server: Part 7 - Linking MP3 Directories to the FCS App
Streaming MP3s with Flash Communication Server: Part 8 - Playing Streams from Virtual Directories Coming Soon