Multimedia Examples in HTML5.2 in Ashcroft, BC Canada

Mirana Net validates in HTML5.2 and is cross-browser compatible

Mirana Net offers 'Digital Advertising' and e-publishing(online Brochures&Catalogues)

 

♦  Mirana Net  ♦  Information Portal

 

Information Portal

 
Mirana Net logo

Overview

 
Mirana Net is "fully" committed to the Environment!   It is hosted & operates on "Green Energy". Mirana Net was converted from being a full-pledged flash web site to its current format being that of HTML5.2 and CSS3 animations.
 
  1. this web site validates as HTML5.2, CSS3 and WCAG2 AAA
     

    By the very nature that Mirana Net is written in HTML5.2 and validates as HTML5.2; the web site is a cross-browser compatible web site supporting the browsers that implement HTML5.2 The differences seen between the different browser types lies solely on Mirana Net on their interpretation and implementation of HTML5 or HTML5.2

     
    The support for HTML5/5.2 by a browser can/may be tested. test your browser «« click here for info
     

    Albert Einstein said

     
      "we cannot solve our problems with the same way of thinking we used to create them"  
     
    Let us take the quote of Albert Einstein and apply it to web design.
     
      "We cannot create web sites today with the same technology that was used yesterday"  
     
  2. Mirana Net is focused on quality, not quantity, thus providing an approach to a project that will ensure clients receive for their ROI the best of benefits. The overall philosophy of the designs by Mirana Net can best be described as being "immersion interaction" namely;
     
    1.  animation and transitions
    2.  interactive narrative [ HTML5.2 and CSS3 ]
    3.  user interactions
    4.  layering effects
 

Attribute I

 
The following are essentials of a web site:
 
  1.  negative space
     
    Negative space can best be defined as any unused space in a design…it is also known as white space. Too much white space is detrimental when considering Chromatics where visual acuity acuity must be factored in a web design.
     
  2.  HD photographs
     
    HD photography will install to a visitor at the web site visual appreciation
     
  3. dramatic typography
     
    The correct and proper use of fonts are enhance the visitor's experience on the web site
     
  4.  striking contrast
     
    the dramatic effect of contrast plays a vital role in the visitor's perception when navigating through the web site
     
  5.  simple and effective navigation
     
    a salient or very important aspect of a web site is its navigation: simple, quick response otherwise the visitor will simply leave.
     
  6.  proper and effective use of Chromatics
     
    color is the expression of the energy that a user displays at the time - it is not static meaning that it will change from day-to-day. It is therefore prudent to understand colors, for example:
     
    1.  blue is perceived as trust, responsibility
    2.  purple is perceived as imaginative, sensibility
    3.  brown is perceived as stability, structured, supportive
    4.  
  7. It is a well known fact that there are gender differences in the perception of color.
 

Attribute II

 
A web site that is aesthetically or creative will establish an immediate impression to its visitor a lasting impression. To accomplish this four aspects must be met:
 
  1. A. speed
  2. A reduction in the number of http calls made on a web page will increase the speed of the display. http calls should be kept at a minimum. One of the greatest factors in speed that can be achieved is the use of a little known concept or technique called "parallel downloading" in doing such; sub domains become the essential role in being effective.
     
    Contact Mirana Net for more information on this technique.
     
    In addition, as found on Mirana Net the following also play significantly in the speed of the display
     
    1. B. move JavaScript to the bottom of the page just above the body closing element.
    2. It has been proven that by placing the JavaScript at the bottom of the page can improve the speed by up to 40%. However, there is an overriding aspect namely the available bandwidth to the visitor This enables progressive rendering of the web page but also it achieves a greater download. It is the progressive rendering that is blocked for all content below the script since during rendering and becoming in contact with a script which is the script that is executed immediately. Hence it is often seen the phenomenon called "FOUC" - 'Flash of unordered content' infrequently also "FOUT" may also occur - 'Flash of unordered text'
       
    3. C. avoid CSS expressions
    4. CSS expression are remnants of an older technology that CSS propagates dynamically. The technique of using CSS expressions has fallen out of practise in web design yet it is very often found. The misuse of CSS expressions can easily generate 10,000 evaluations thus slowing the speed of the display.
       
    5. D. make both JavaScript and CSS external
    6. In making both JavaScript, JS, and CSS file eternal will enhance the speed of the display as they are cached by the browser. This aspect is particularly true if a multi page web site has resources like JS and CSS that will be re-used. Often it is the first page of that leverages http reduction. It is the first page that the visitor always encounters/views. Otherwise the visitor's focus willbe lost and therefore will exit the web site.
       
 

Attribute III

  1. reduce DNS lookups
  2.  
    The fewer the DNS lookups on a web page the better for the speed of the display. A DNS lookup is when the browser looks up a dommain object that is being requested by the browser. A DNS lookup may be equated to the internet's phonebook. It must be noted that it is from any domain to another domain.
     
  3. simplify JavaScript where possible
  4.  
    During minification of a JavaScript file many characters are removed especially the white spaces. This in essence reduces the size of the file significantly that results in lessor download time. Depending upon the size of the JavaScript file up to 25% of the download time results. It is woreth noting that this also applies to the CSS files thus it is recommended to have the CSS external files minified and that the minified version be used reslting up to a savings of 10K.
 
  1.  navigation
  2.  
    The ease in navigation around a web site is vital. Navigation of a web site may best be understood as the method in which a visitor explores the web site. Vistors to a web site must be able to locate any or all information quickly without the perception of searching. Navigation must assit the visitor in finding that information being dsearched for or required. It is essential that navigation establishes:
    1.  consistency
    2.  a logo link to the home page(start page) with placement at the top of the page
    3.  reduce the number of clicks that the visitor makes to obtain the information
    4.  must be intuitive
    5. & links are to be kept at a minimum number
    6.  allow for description of the links
    7.  must be simple and obivious
     
  3.  technology
  4.  
    Too often one sees web sites that are either using old technology or a 'mixed bag' of technology (ie)xhtml mixed with HTML OR the incorrect use or absence of the document directive "doctype". It is the responsibility of the web engineer, designer to provide a product to their clients that meet current and acceptable standards. Hence, it is essential that validation, QA and optimization be the fianl steps before a product(web site) is released for the general public.
 

Attribute IV

 
  1.  interactivity
  2.  
    If a visitor to a web site participates in interactivity then it is natural that the visitor feel part of the web site. The most relevant example is the 'drag and drop' example that is to say a visitor is given the choice of what to view or play(audio/video) as opposed to being not able to choose what to watch. (see starbase-alpha.com)
 

What is a web site?

 
The "business card" of the internet is the web site. It provides information to the visitor and it is therefore paramount that the visitor harvests the perception or impression of quality, professionalism in the manner that the information is presented albeit that it is commercial or non-commercial information. The main constituents of a web site are built upon; the HTML, the CSS and the JavaScript there are of course other constituents such as php, mySQL to name a few.
 

Why HTML5.2?

 
HTML5/5.1 is in fact an "open web platform" which in a nutshell means that it allows the building of web sites and web applications that will work anywhere. When HTML5.2 is being referred to, it is actually the "open platform" that is being referrenced. This brings forth the difficulty with the different browser on the market who adhere to the current avaiable standards BUT interpret them differently that is observed on a web sites.
 

Attribute V

 
A majority of web sites suffer from fundamental flaws in the application of current and aceptable standards.
 
  1.  do not validate to the current standards when it pertains to the HTML coding
  2.  incorrect placement in the declaration of the character encoding to be used for the rendering the web page - it should be within the first 512 bytes of the document generally and reccommended to be placed on the first line just after the HTML directive
  3.  incorrect or improper use of the HTML doctype directive - simply providing the HTML directive does not mean that the web site is HTML compliant. Quite the opposite, it simply tells the browser to treat this web page as HTML5/5.1/5.2 effectively turning the browser when rendering into the HTML5/5.1/5.2 mode. A web site that is written in HTML5.2 will validate both as HTML5.1 and HTML5 but a web site written in HTML5 will only validate as HTML5 and not as HTML5.1
  4.  too often that is seen is the phenomenon called 'FOUC' that results from the incorrect order placement of the JavaScript and CSS files in the head of the document
  5.  the incorrect use of 'chromatics' (color) and in particular the color white. Visual acuity decreases with age and thereby causes eye strain and pain to the visitor; at best using the color white be kept at a bear minimum or an off-white color. Color blindness also plays a factor that will affect those visitors that have a color vision deficiency. Visual acuity is the acuteness or sharpness most commonly referred to as ametropia.(error in frefleced light by the retina)
  6.  the coding of a web page must follow the following steps:
    1.  the HTML code
    2. The HTML(hyperText markuplanguage) elements are the building blocks of a web site that the means of creating a structured document
    3.  the CSS
    4. The CSS(cascading style sheet) is in effect the heartbeat of the web page for it tell the HTML how it is to be displayed or presented
    5.  JavaScript (JS) - what actions are to be taken or required to act upon the HTML - too often it is observed that the order of #2 and #3 are reversed.
    6. You cannot have actions to be performed when there is nothing to perform on.
return
This site is optimized for browsers supporting the latest W3C standards.