DHTML is an informal term that describes the art of making dynamic and interactive web pages, combines HTML or XHTML, JavaScript, DOM, and CSS.
#32414
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
#32416
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
#32418
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
#32419
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
#32420
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
#32496
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
#32650
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
#34153
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
