Website Info


EScreen Site Coding:
António H. F. Maia aka simcosmos.


Baseline / Scripts used in ES Web Browser:
This site adapts the Perfect 'Right Menu' 2 Column Liquid Layout by Matthew James Taylor. View more website layouts and web design articles.
The EScreen Data Table is presented with HTML Table Filter Generator by Max Guglielmi.
EScreen's style sheet (escreen.css) contains extra references and comments for pieces of code that were useful, adapted / enhanced. Thanks.


Site tested with:
firefox, opera, opera mobile emulator, chrome, safari, delphin browser; (msie8, netscape9)
=> 1024x768 optimum resolution (except for the Data Table page specificities, the site may also be responsive to a range of lower / higher resolutions)
(javascript on)
(cache=always latest page)

Website Walkthrough

1) The Enhancer Screen
            (Home Page)

 Page loaded by default when entering the website: contains a brief description of the Enhancer Screen objectives.

2) Methods & Protocols
            (methods.html)

 Description of the laboratory procedures used to perform the Enhancer Screen, including Map of ES insertions and Vectors used.

3) Browser Handbook
            (handbook.html)

 Page containing information about the Escreen browser's main contents, key navigation features and dedicated help sections for Data Table and ES pages. The Browser Handbook is also the place from where additional files can be downloaded.

4) Data Table & ES pages
            (data.html & /ES/)

 The Data Table is the core page of the site's navigation: it can be used to select, compare parameters and have access to all available Enhancer Screen contents, including individual pages for each ES case (please see respective sections). Visitors can also click here to open a list of all ES pages included in the current version of the site (it might be handy, providing an alternative method - beyond using the Data Table - to browse the information in those pages).
If having any inquiry or feedback about Escreen, please feel free to use the provided email, phone, fax or address contacts. A few ES related links are also displayed.

Generic Website Notes:

  • The site is structured with a simple layout intended to be responsive to various screen resolutions.

  • Despite its 'liquid design' nature, and unless the user's browser / device has an adaptive zoom feature (like what is traditional in portable devices), it is recommended that the minimum resolution should not go lower than a width of 1024px: this is mostly due to space requirements related with Data Table presentation and, although with a lower constraint, with the Expression Table and Map Info sections on ES pages (such resolution constraints might be improved in eventual later code revisions; in portable devices the Data Table page will fit the physical screen). At the moment, optimum computer resolutions should be equal or greater than 1024x768.

  • Although there was an effort to make the site multi-browser and cross-platform compatible, some features might not work so well in older browsers (ex: IE5.5 / 6, Netscape): in principle, this should not limit the presentation of the most important data nor have significant impacts on navigation.

  • At the right top side of all pages (except the Data Table) there is a Google Search Box (by default, the search is limited to within Escreen domain - http://www.upo.es/CABD/EnhancerScreen/ - if the 'search only in Escreen' box is kept checked).

  • All pages have issue dates, at the bottom right corner, to inform when they were last updated.
only search Escreen