Styling the DMXzone Nivo Slider

If you want to style your DMXzone Nivo Slider's thumbnails, captions, bullets and arrows by color and size, you can do that through the CSS and here you can see how to do that.

Read More

Design: Getting Back to the Grid

Linda never thought she'd live long enough to see a magazine layout applied to Web design. She talks about the 960 Grid system in this article.

Read More

HTML5: Adding Style

In part 2 of a look at HTML5, Nancy will show you how to add CSS to the previously unstyled document from part 1 and why there are some differences you need to watch out for.  In this week’s article, we are going to dive into styling the document created in part 1 and show a couple of ways styling can be done without breaking the rules.

Read More

HTML5: It’s A Whole New Ballgame

In this article, Nancy is going to introduce you to HTML5.  This article is the first in a series that will start with an overview of the HTML5 structure and continue with a look at new tags and uses for the tags.  We will also cover what browsers are supported, which are not and how to get the support-nots to play nicely.

Read More

Making Cool Stuff with Advanced CSS Animator

Last time, Nancy introduced you to the DMXzone Advanced CSS Animator and showed you the basics for using it, along with some very basic examples.  In this installment, Nancy will show you practical applications and how you can make use of this new tool in your everyday workflow.

Read More

Getting started with the Advanced CSS Animator

In this article, Nancy will introduce you to the DMXzone’s latest extension, the Advanced CSS Animator.  She will introduce you to the extension and take you through 3 very simple examples of how you can use it to create some wonderful CSS Animation.  And, unlike CSS animation that only works in a few browsers, the Advanced CSS Animator has seamlessly integrated jQuery functions so they work in all major browsers.

Read More

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