Exact placement of elements, oversized headings, paragraph spacing and alignment are now possible to the designer with Cascading Style Sheets, a component of DHTML. This section of Rhine Design highlights some of the CSS resources on the Web that will enable designers to style their own sites.

Resources
Web Review has a complete Style Sheet reference including a Master List for browser compatibility, articles and how-to's.

The CSS1 Test suite at the w3org will check your browser to how well it displays Style Sheets in Netscape or I.E.

Microsoft's SBN has an excellent area for Style Sheets, including what's new in CSS2 and many examples.

For solutions to style workarounds and bugs in Netscape 4 visit the Stephan's Workshop for some helpful information.

The CSS Pointers Index is continually updated with new CSS links including demos, tutorials, books and newsgroups.

In our previous issue of Rhine, our Design department includes more resources as well as tips and tutorial.

Special Effects with DHTML

Special effects like fade-ins and outs, showing and hiding content, moving headlines and roll-overs are easy to for designers to access with Dynamic HTML, a blend of HTML, JavaScript and Cascading Style Sheets. In this issue of Rhine Design, we take a look at some of the best DHTML resources on the Web.

RESOURCES

First stop for the designer is The Dynamic Duo which offers detailed tutorials on cross-browser DHTML. In addition to a variety of techniques and examples, this site covers JavaScript, and CSS in great detail.

A developer's community exists at SiteExperts.Com where web designer's can find an exciting collection of DHTML effects, resources, and information to begin their learning. The techniques are well explained including the differences and solutions for Netscape and IE.

Online tools, a DHTML Diner, and interesting tutorials can be found in web reference's DHTML section. Regularly updated, with new columns every two weeks, this site is definitely worth the visit.

WebMaster Central's DHTML section features some of the best demos on the Internet and includes an award to outstanding design. Also includes tips, tutorials and other resources.

Additional Resources

Jeff Rule's Dynamic HTML Site: cross-browser scripts, resources, and more!
Dynamic Drive: free scripts and components for both 4.0 browsers
DHTML Links : tips, tutorials, html editors, books, newsgroups
DHTML Pitstop: online scripts, resources

 

To experience DHTML first hand, visit Cnet's Builder.com and try out some of their amazing online tools like the Mighty Mouseover Machine, the Animator, and the CSS Style-o-Matic. This site also includes tutorials, and reviews of some of the best DHTML editors available,

Elated Web Design has produced a number of cutting-edge design templates with graphics and JavaScript free for use on private websites. Page Kits which can be downloaded feature some exciting DHTML effects and are easy to customize. Also included at Elated Web Design are design tips including using Style Sheets, JavaScript and more!

For designers interested in getting the perfect color match for their entire web site, visit the Palette Man, a DHTML tool that displays different color matches and their respective rgb code.

To create great 3-D logos and headers, try out Syzone's free online graphic generator. Choose from a variety of styles and colors. Make banners and buttons here, too!

Decrease the size of your gif and jpeg images for the Internet by using several of the free online tools. Try out the Gif-Cruncher which claims to reduce image size by 90%, or try Netmechanic's online tool which will reduce both gif. and jpeg images. While at this site, also try out the link checker as well.