Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers

Today we are bringing our Web Design Fan Club members a simple and effective mobile app landing page template. Originally designed by Tomas Laurinavičius, this template is easy to edit and make your own. The package includes the XHTML and CSS files, as well as the original PSD. Take a look at our screenshot below for a look at the template or visit the original tutorial we posted here.

This tutorial will teach you how to use JavaScript to open links in a new tab or window and remain standards compliant.

Using JavaScript to append a target tag does work. It works for the same reason it works to simply put the target attribute in the markup; the browser ignores your document type declaration, regardless of what you set it to be.

Setting target in JavaScript is not using JavaScript to open the window. It is the browser’s interpretation of the target attribute, as defined by non-standard HTML, that opens the window. If the browser were to use actual XHTML standards, it wouldn’t know what to do with a target attribute, whether it was set by the markup or set by JavaScript.

If you’re serious about web standards, there’s no good reason to stick with the XHTML 1.0 transitional doctype declaration.

As development of web standards has progressed, there has been an increasing push to abstract all of the layout and functionality of a web page from the content. The theory goes that XHTML should only be used to define the content of the page, while layout is left to CSS and functionality is handled by JavaScript.

This has led to the depreciation of the target attribute in XHTML 1.0 transitional, while it was dropped altogether from the XHTML 1.0 strict specification. What this means is that if you want to take advantage of the benefits of using the XHTML 1.0 strict specification, you shouldn’t be using the target attribute in any of your links.

Today we’re going to convert the Modern Design Studio PSD Template created by Tomas Laurinavičius a few days ago to a clean and working XHTML/CSS code. You can download free PSD from The Modern Design Studio PSD Template.