Posts

Showing posts with the label HTML/XHTML

Web-Based Programming IDEs

Here is a list of web-based programming IDEs: ShiftEdit IDE PHPAnywhere Koding OrionHub CodeRun Cloud9 IDE

Cross-Browser Divs vs Tables 100% Height - My Challenge to Web Developers

Image
The Challenge I challenge web developers to come up with a cross-browser solution that uses  DIVs to reproduce my layout that uses a Table that uses 100% height with a middle area that stretches. The Catch Cross-Browser: It must work and look the same in IE6 , IE9 normal mode, Chrome 11 , and Firefox 4 . Code Amount: The Div solution should be less complex or at least no more complex than my Table solution.  (There is a link to my code at the end of this post.) Feel free to use javascript and CSS, but just remember requirement 2 above. Extra brownie points if you use an XHTML Transitional doctype. Even more brownie points if you use an XHTML Strict or HTML 5 doctype. User Interface Requirements Top Pane: Must always be visible and never scroll out of view. Middle Pane: When resizing the browser, the middle pane height' must stretch to fill the rest of what the top and bottom don't take up. Bottom Pane: Must always be visible and never scroll out of v...

Web Development Goodies

I found out about Leigeber Web Development Blog tonight.  If you are a web developer, you might want to check out some of the goodies that are presented such as: Popup box Accordion Sortable table Drop-down menu

How to Effectively Show Code Snippets in WordPress Posts

The SyntaxHighlighter Evolved plugin for Wordpress will allow you to show code examples on your WordPress blog. See examples in this post.

How to Update a Website using PSPad

If you have a website but you don't know how to update it and you don't have anyone else to manage it for you, then you might be interested in this article.

Show Your Email Address To Humans But Not to Spiders

Using Javascript you can show display your email address on your website in a way that humans can read it but web spiders can't. (That is my argument anyway.)

Remove the Space Before and After a Form Tag

You can remove the space that gets put before and after an HTML <form> tag by simply adding some CSS like this: <form style="margin:0px;"> .