Warning: fopen(/home/hdc/public_html/wp-content/gt-cache/_blog_en_2008_08) [function.fopen]: failed to open stream: Permission denied in /home/hdc/public_html/wp-content/plugins/global-translator/translator.php on line 964

Warning: flock() expects parameter 1 to be resource, boolean given in /home/hdc/public_html/wp-content/plugins/global-translator/translator.php on line 965

Warning: fwrite(): supplied argument is not a valid stream resource in /home/hdc/public_html/wp-content/plugins/global-translator/translator.php on line 969

Warning: fclose(): supplied argument is not a valid stream resource in /home/hdc/public_html/wp-content/plugins/global-translator/translator.php on line 971
August 2008

JavaScript not intrusive

August 26th, 2008 Leave your opnião '

List of discussion of the Digital Access is rolling on a thread in javascript that works in browsers without Javascript support.

How so?

Simple, to make data generated via javascript function even if there is no support for javascript.

Not to be confused with non-obstructive or unobstructive, because that is the layers, mix in with HTML CSS JavaScript.

Some people use browsers that do not support javascript, disable other for security reasons or some other reason whatever, maybe a firewall that blocks javascript instructions, some companies are using this trick to reduce the amount of backdoors and spyware that are spread in the network after some internal click wrong address.

The easiest way to circumvent this situation is to add an option for the browser without javascript support read.

Example:

1 - <script type="text/javascript" src="menu.js"> </ script>
2 - <noscript>
3 - <ul>
4 - <li> <a href="/"> Home </ a> </ li>
5 - <li> <a href="/sobre-a-empresa/"> About the Company </ a> </ li>
6 - <li> <a href="/contato/"> Contact </ a> </ li>
7 - </ ul>
8 - </ noscript>

In this classic example, line 1 is the call to the menu via a javascript command within the file "menu.js" contains the lines from 3 to 7, which is done is the use of the element <noscript>. What is the moral of the story?

<noscript> The element is used to define an alternate content if the script is not executed.

Detail: It is only supported on browsers that recognize the tag script, but that do not support this tag.

The W3Schools has another example to be given.

Flow Map: No sank during navigation

August 17th, 2008 5 Comments »

I make one more element of the documentation of a website: Map of Flow Navigation. In the architecture of information, the stage of specification can organize and document everything you want for the website, detailing the vision macro obtained in previous stage, Design.

The Map of Flow Navigation allows gather all wireframes designed, detailing in each object or block content of their interconnections with other objects.

The principle of flow of this map is not even important to the end user, but allows the project managers have a precise view of the results even before any code is implemented, which leads to prevention of possible errors of hierarchy and classification of products so visual.

The Felipe Memory, in his book Design for the Internet, alerted to the fact of the complexity of the Navigation Flow Maps, being extramamente detailed, are difficult to be printed and scatters in a table of meetings. However, it is detailed view that lets you view the product as a whole, simulating an off-line browsing for the final product does not cause frustações to navigation of the end user.

Example of Navigation Flow Map

Figure: Sample Map Flow of Navigation with the rating label.

For ease of reading and printing the map is better split into parts, as well as the picture that shows a map of bubbles with the main flow.

Checking the flow of navigation maps, no hyperdocumento survey is free and is found its links with any website, reducing the risk of having "page not found". If this occurs because flaws in the implementation process is easily corrected by doing the Test Bureau, which is to manually check the individual links, but does not discard the possibility of using a robot to the test table and a reading of its report .

Close
E-mail It