DHTML is an informal term that describes the art of making dynamic and interactive web pages, combines HTML or XHTML, JavaScript, DOM, and CSS.
Attractive dropdown menus have long been the realm of Flash developers and advanced JavaScript gurus. But that needn’t be the case. This tutorial will walk you through developing a clean, semantic dropdown menu using XHTML and CSS that works in all modern browsers!
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>DHTML>CSS
Perma-Closing Message Boxes with JavaScript + CSS
Earlier this week I talked a bit about message boxes – how to style them and position them on your page to get them noticed. But a message that pops up every single time your website is loaded could get annoying. It’d be useful to give your users the ability to close those messages. For that, we’ll turn to our friend JavaScript.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>DHTML>JavaScript
Last week, CSSnewbie reader Andrea Pluhar wrote in with an interesting problem: she wanted to use CSS dropdown menus like the ones we featured last week on a website that she was building, but the design called for the submenu to be arranged horizontally, not vertically. She sent me a mockup of what she was after (excerpted above) and wondered if there was a way to accomplish this effect using CSS.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>DHTML>CSS
Intelligent Navigation Bars with JavaScript and CSS
I’ve developed a trick over the years that I’ve used on a number of websites now for making my sites’ navigation bars “intelligent” or “self-aware.” By that, I mean that the navigation bar automatically knows which tab/button/whatever should be considered the currently active link, without having to manually specify a class or ID on either the body tag or on the links themselves.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Information Design>DHTML
Tab-Based Navigation in Six (or Seven) Easy Steps
Navigation bars are the signposts of the web world: we take them for granted because of their ubiquity, but we’d all have a much harder time getting around without them. On most websites, nav bars hold a position of honor near the very top of the page, meaning they’re one of the first things your users see upon entering your site. As such, there’s a lot of pressure on navigation bars to look clean, act sophisticated, and ply the client’s wife with small talk and Manhattans while you close the deal.
Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>DHTML>CSS
Accessible Expanding and Collapsing Menu
A website’s navigation should, in my opinion, be visible and straightforward, not hidden away like this or in flyout/dropdown menus. But...
Johansson, Roger. 456 Berea Street (2007). Articles>Web Design>Accessibility>DHTML
Improve Your Page Performance With Lazy Loading
The important things to address are page weight and load time. Both of these factors have a negative impact on the user, and we should be working towards minimizing it.
Heuser, Jakob. Digital Web Magazine (2008). Articles>Web Design>DHTML
jQuery Embedded in Dojo Accordion Panes
We will experiment embedding jQuery in DOJO 123's Accordion widget and try to identify if there exists any cross-code interactions. The code is also tested for cross-browser suitability.
Krishnaswamy, Jayaram. Packt (2009). Design>Web Design>DHTML>JavaScript
There are 26 readers currently online: 1 registered user and 25 guests. Register.

![]()
![]()


![]()
![]()
![]()