http://www.TJKDesign.com/ en-us http://www.TJKDesign.com/articles/block-formatting-contexts_and_hasLayout.asp Everything you wanted to know about Block Formatting Contexts. http://www.TJKDesign.com/articles/clearfix_block-formatting-context_and_hasLayout.asp Everything you know about clearfix is wrong. Clearfix can make your layout weak... http://www.TJKDesign.com/articles/css-reset_versus_css-starter.asp Starter CSS files versus reset styles sheets. Do not copy/paste... http://www.TJKDesign.com/articles/wordpress_on_windows-7.asp Using Web Platform Installer to install Umbraco, WordPress, Acquia Drupal, SugarCRM, Textyle, Subtext, Joomla, etc. http://www.TJKDesign.com/articles/png-alpha-transparency_with-no-http-request.asp A technique that does not require an HTTP request. http://www.TJKDesign.com/articles/how-to-resize-videos-on-the-fly.asp How to resize videos dynamically. http://www.TJKDesign.com/articles/how-to_fix_the_ABBR_element.asp How-to fix the ABBR element in Internet Explorer 5 and 6. http://www.TJKDesign.com/articles/being_nice_to_screen-reader_users_by_replacing_definition_lists_with_headings_and_divs.asp Using the DOM to replace Definition Lists with Headings and Divs. http://www.TJKDesign.com/articles/float-less_css_layouts.asp How-to create CSS layouts without using DIV, FLOAT, CLEAR nor structural HACK! http://www.TJKDesign.com/articles/drop-shadow_and_AlphaImageLoader.asp How-to create light weight drop shadow boxes... http://www.TJKDesign.com/articles/clearing-floats_and_block-formatting_context.asp How-to contain floats without structural markup... http://www.TJKDesign.com/articles/hacking_the_YUI_container_script.asp How to make overlays and modals scroll smoothly... http://www.TJKDesign.com/articles/everything_you_always_wanted_to_know_about_z-index_but_were_afraid_to_ask.asp How z-index works... http://www.TJKDesign.com/articles/how-to_use_sprites_with_my_Image_Replacement_technique.asp The CSS Sprite method helps reduce HTTP requests. http://www.TJKDesign.com/articles/semantics_unobtrusive-scripting_and_beyond.asp The purpose of this exercise is to demonstrate how we create a document based on semantics and unobtrusive scripting, using an FAQ page as an example http://www.TJKDesign.com/articles/the_truth_about_spry_tabbed-panels.asp When an authoring tool adds bells and whistles, things can go wrong. http://www.TJKDesign.com/articles/em-based_layout_bug.asp In some browsers (i.e. Firefox 0.8) centered elastic layouts expand beyond both edges of the browser window when a user increases text-size http://www.TJKDesign.com/articles/how_to_style_a_code_listing.asp Using CSS and an Ordered List (OL) to style a code listing with numbers displayed in a gutter... http://www.TJKDesign.com/articles/how_to_style_thumbnail_and_caption.asp Using a Definition List and a few CSS rules to create a gallery of thumbnails and captions that flow... http://www.TJKDesign.com/articles/how_to_position_the_legend_element.asp Wrapping the content of LEGEND elements to better style them... http://www.TJKDesign.com/articles/how_to_expand_abbreviations.asp Two distinct scripted solutions to expand ABBR elements... http://www.TJKDesign.com/articles/Apache_and_WAMP.asp Find out what to check for when you cannot install, start the service, nor test port 80... http://www.TJKDesign.com/articles/easy_way_to_generate_validation_links.asp Using Javascript to create validation links on the fly... http://www.TJKDesign.com/articles/make_an_html_list_look_like_a_table.asp How to display an HTML List like a table... http://www.TJKDesign.com/articles/Pure_CSS_Dropdown_Menus.asp A keyboard-friendly CSS Dropdown Menu that comes with great browser support... http://www.TJKDesign.com/articles/using_real_images_in_menus.asp A solution to make the markup of graphic Menus looks nicer... http://www.TJKDesign.com/articles/a_possible_alternative_to_innerHTML.asp Using DOM methods instead of the proprietary innerHTML property... http://www.TJKDesign.com/articles/the_perfect_drop_cap.asp Using my Image Replacement technique to create Drop Caps on the fly... http://www.TJKDesign.com/articles/the_perfect_image_replacement_technique.asp Using the DOM to automate my Image Replacement technique... http://www.TJKDesign.com/articles/using_real_images_for_quotes_in_blockquotes.asp Using IMG elements in blockquotes... http://www.TJKDesign.com/articles/png_overlay_with_no_extra_markup.asp PNG overlay: a simple technique that does not require extra elements... http://www.TJKDesign.com/articles/keyboard_friendly_dom_menu.asp How to use the DOM to create a menu that is easy to navigate for keyboard users... http://www.TJKDesign.com/articles/accessible_photo_gallery.asp How to use the DOM to create a photo gallery packed with usability/accessibility features... http://www.TJKDesign.com/articles/standard_accessibility_statement.asp No more excuse for not including Accessibility Statements in sites we build... http://www.TJKDesign.com/articles/navigation_links_and_current_location.asp How to use the DOM to differentiate navigation links depending on the document which hosts them... http://www.TJKDesign.com/articles/toggle_elements.asp A Definition List and the DOM is all we need to create our perfect FAQ page... http://www.TJKDesign.com/articles/user_defined_accesskeys.asp This solution should help web designers to make the sites they build more accessible... http://www.TJKDesign.com/articles/one_html_markup_many_css_layouts.asp It is this thread (title: "one template to rule them all") on the CSS-Discuss List that initiated this article... http://www.TJKDesign.com/articles/branching.asp By doing the branching inside the (X)HTML markup, it is possible to contain what I call proprietary fixes within specific files. The main advantage of this approach is that it dramatically improves maintainability. http://www.TJKDesign.com/articles/cc.asp Microsoft Conditional Comments are better than scripted browser detection techniques. http://www.TJKDesign.com/articles/3cols.asp Using negative margin to create a 3 comlumns Layout compatible NN4. http://www.TJKDesign.com/articles/popup_window_with_no_extra_markup.asp Using nothing else than the href attribute of the A element to open popup windows. http://www.TJKDesign.com/articles/tip.asp I thought it would be interesting to turn the debate on its head by reverting to the discarded "img" element. http://www.TJKDesign.com/articles/dropdown/demo.asp We've made our horizontal CSS dropdown menu even more accessible than before. http://www.TJKDesign.com/templates/ Our Templates are well-formed XHTML 1.1 documents that assure complete separation of structure, presentation and behavior. Our table-less layouts demonstrate the effectivness of XHTML/CSS techniques. No spacers, no rows, no columns, no junk! And no CSS hacks for layout! http://www.TJKDesign.com/articles/whitespace.asp Disclaimer: I take no responsibility for any trouble arising from the use of this technique. Make sure you know what you're doing before removing white space (including line feed) from a document because it may be necessary for things to work properly. http://www.TJKDesign.com/articles/dropdown/default.asp CSS Menus acting like DHTML ones. http://www.TJKDesign.com/articles/roundbox.asp How to construct fancy CSS boxes keeping the IE5 broken box model out. http://www.TJKDesign.com/articles/msie5mac.asp This document contains 4 test cases related to MSIE 5 Mac. If you're viewing this page using another browser, you should not notice any abnormal behavior. http://www.TJKDesign.com/articles/scalable.asp I worked with Paul Davis from Kaosweaver.com to create an extension based on the CSS I used to create scalable Tabs. http://www.TJKDesign.com/boxes/ We can customize those great looking 3D boxes to fit your needs. The feel good look of the boxes are the hottest thing in online software marketing! http://www.TJKDesign.com/navbars/ Two-state buttons to create cool navigation bars. http://www.TJKDesign.com/articles/spacer.asp A spacer, shim, clear or transparent.gif can be a useful tool for CSS-P designers. I'm sure that with a title like that I'd got the CSS-P puriste attention. For most of them, such things should not exist. They call them names; the first one that comes to mind is... "junk". http://www.TJKDesign.com/articles/boxmodel.asp Dodging the Box Model and other Oddities. Box Model, floats, margins collapsing, margins doubling and MSIE5 Win shrink wrapping... http://www.TJKDesign.com/articles/nulllinks.asp What if the user-agent is not JavaScript enabled? http://www.TJKDesign.com/articles/clearing.asp This is a "low-layout-impact-across-browsers" solution to clear floats. http://www.TJKDesign.com/articles/maintenance.asp If you link many documents to a single file, it makes sense that a single change within that file is instantly brought to the ones linked to it. http://www.TJKDesign.com/articles/locationobject.asp This document will show how to pass name and value pairs from one page to another using the browser's built-in Location object. http://www.TJKDesign.com/articles/imageintable.asp Many beginning web designers fail to properly understand inline elements [that's what images are], so when it comes to assembling a sliced image using HTML, they mostly rely on their favorite tool: "da table!" http://www.TJKDesign.com/articles/scalable.asp Creating the "perfect" Tabs. The "Sliding Doors of CSS" revisited. http://www.TJKDesign.com/articles/css%20pop%20ups/ This tutorial is almost identical to Eric Meyer's tutorial, but it shows a very different approach on how to "pop up" images [or even text and images at once]. http://www.TJKDesign.com/articles/frames/default.asp In the beginning, a browser was only able to display a single document with its "source" file's name showing in the browser's address bar. At this early date, browsing through documents was then a sequential process, e.g., first page 1, then page 2, and so on. Then came the Netscape people with the FrameSet concept; the same people who, 2 versions later, would create NN 4 :-) http://www.csszengarden.com/?cssfile=http://www.madcowwwebdesign.com/zen/tjk.css What a great idea Dave Shea [www.mezzoblue.com] had to demonstrate the power of CSS. http://www.TJKDesign.com/ MadCoWWWebDesign.com is now officially retired. It is replaced with TJKDesign.com. http://www.MadCoWWWebDesign.com/ Last month, the USDA has reported the first case of a "presumptive positive" mad cow disease, in a cow in Washington state. That's very bad news. I think it's about time I change the domain name for this web site [MadCoWWWebDesign.com]. As far as I know, this is the first casualty [on the Internet] due to Mad Cow Decease.