Using the DMXzone CSS Image Gallery and Flash MP3 Player

With this movie we will show you how easily you can play different sounds for each image using the DMXzone CSS Image Gallery and Flash MP3 Player.

Read More

CSS: Mini Events Calendar

In this article we will learn how to style an events calendar using CSS. We will walk through the steps of creating a calendar using an HTML table, complete with all tags and attributes to ensure that this table is accessible to users of alternate devices. Having created the calendar in the mark-up we will then move on to styling it in an attractive way using the CSS tools within Dreamweaver, in such a way that we do not add unnecessary mark-up to the page.

Advertisement DMXzone Calendar

 The DMXzone Calendar extension enables you to add a great looking calendar with many different styles and effects on your sites.  Enrich any form used for events, appointments or birthdays. Use it as a date picker or inline calendar with its unique design and in flight animation options. Embed multiple calendars, select date ranges, and limit the selection to specific dates.

Read More

Free video tutorial: Creating a CSS menu in Dreamweaver

Ever wanted to create a CSS menu that is cross browser compatible? Richard Mariner shows you how to do it in only 5 minutes using Dreamweaver 8.

The tutorial assumes you've created a basic site, if you haven't please check out this video to see how it's done.

Read More

Free! - CSS design: The basics

CSS design: The basics

What is CSS design & why is it important?

CSS design represents a new, much more powerful way to lay out websites. Traditionally, cumbersome tables have been used to present web pages. In the future this practice will gradually fade out to be replaced by CSS design. To witness its true power have a look at the CSS Zen Garden

Using CSS design allows your pages to download more quickly, makes your website much easier to manage, and has numerous web usability, accessibility and search engine optimisation benefits. Basically, CSS design is a really good thing.

If you're completely new to CSS then you can find an excellent beginner's tutorial at Webmonkey.

Read More

Free! - CSS shorthand properties

One of the main advantages of using CSS is the large reduction in web page download time. To style text, you used to have to use the <font> tag over and over again. You probably also laid out your site with tables, nested tables and spacer gifs. Now all that presentational information can be placed in one CSS document, with each command listed just once.

But why stop there? By using CSS shorthand properties you can reduce the size of your CSS document even more.

Read More

Free! - Ten CSS tricks you may not know

1. CSS font shorthand rule

When styling fonts with CSS you may be doing this:

font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-family: verdana,serif

There's no need though as you can use this CSS shorthand property:

font: 1em/1.5em bold italic small-caps verdana,serif

Much better! Just a couple of words of warning: This CSS shorthand version will only work if you're specifying both the font-size and the font-family. Also, if you don't specify the font-weight, font-style, or font-varient then these values will automatically default to a value of normal, so do bear this in mind too.

Read More

Free! - Ten accessibility blunders of the big players

Web accessibility is about making your website accessible to all Internet users (both disabled and non-disabled), regardless of what browsing technology they're using.

More and more countries have passed laws stating that websites must be accessible to blind and disabled people. With this kind of legal pressure, and the many benefits of accessibility, the big players on the web must surely have accessible websites, right? Let's find out...

Read More

CSS Articles on DMXzone

Ever get that feeling that you know what you want, but not how to get at it? Well here at DMXZone, as our article and tutorial back catalogue increases the ease with which an article can be found diminishes.

OK we know our article browsing facility is – ahem – slightly less than user friendly (yup that's on the list the next time we re-design), but also when you're new to a subject area it's not so easy to immediately navigate to the type of articles you want.

So, to help, I've tried to put together a laundry list of the CSS articles (and some related XHTML and accessibility ones) residing in our Premium Content section all linked with accompanying notation describing the content.

Hope you find it useful.

Read More

Ten ways to speed up the download time of your web pages

Want to be even more convinced about the power of CSS? 

Then check out this free article that will give you 10 hints about how to get your web pages into your viewers eyes even faster.

Read More

FREE! Same link text – different colours

Fancy making your links just a little bit more snazzy?

In this free article, Trenton Moss will show you how to use CSS to help add a little bit of spice to your link styles.

 

Read More

FREE! Applying CSS to Forms

Forms are an essential part of interaction on the Internet but they can look rather drab. In this FREE article, suitable for beginners, Trenton Moss from the UK based webcredible consultancy takes us quickly through a method of making our forms a bit brighter nicer and user friendly.

Trenton Moss is the driving force behind webcredible; he knows an awful lot about accessibility and the Disability Discrimination Act.

If you want to delve deeper into using CSS to style forms check out these other DMXzone articles:

Styling forms with CSS

Forms and Accessibility

JavaScript Tricks for Usable Forms

 

Read More

Free: Remaking DMXzone in CSS and XHTML

Read for free the trials and tribulations of our intrepid tech team as they wade through 6000 articles-worth of tag spag hell, nested table horror, and emerge victorious with a fully validating CSS and XHTML site that loads twice as fast, renders better and is more maintainable!

The ASP and JavaScript we used to convert the all our articles into xhtml and the full DMXzone.com CSS file is included for download too!

Read More