ribbon Enter Now

Want a brand new website for your charity worth over £5,000?

Positive Web Design is offering one lucky charity the incredible opportunity to win just that!

Call Free for an instant quote
  • /wp-content/themes/default/images/headings/bespoke-sites.png
  • /wp-content/themes/default/images/headings/brochure-sites.png
  • /wp-content/themes/default/images/headings/ecommerce-sites.png
  • /wp-content/themes/default/images/headings/template-sites.png
GET A FREE QUOTE

    • Posts Tagged ‘html 5’

    Web Design: The HTML5 Canvass Element

    Thursday, May 24th, 2012

    By now you should already have understood the fact that HTML 5 is not the same as that of the other or previous versions of the Hypertext Markup Language. If not, here is a quick overview of HTML5, basically what is new with HTML 5 is that it now allows several new elements that will provide for the compatibility with the newest web browsers. HTML 5 is the collaborative product of the different stakeholders of the World Wide Web Consortium, and it is because of the fact that it incorporates forward thinking some of the features of HTML5 would be to fit the latest in internet technology.

    Using the Canvass Element For Website Design

    Among the new elements incorporated with HTML 5 is the canvass element. The canvass element was introduced in HTML 5 in order to allow website designers to draw graphics. However, in order for one to draw the graphics using the canvass element JavaScript must be utilised. This means that the canvass element is just a placeholder in order to draw the graphics, the actual drawing of the graphics is through using JavaScript. To simplify the canvass element is the drawing board and JavaScript is the pen that draws the graphics.

    Significance of the Canvass Element for Web Design

    There are times when a website designer is stuck in his or her website design processes, sometimes there are images that could not fit into the structure of the web design, incorporating images might only contribute to the distortion in the overall website design. This is why the canvass element was incorporated in order to allow the inclusion of graphics where images can’t go.

    Conclusion

    There are several ways on how you can incorporate images into your website design, however with the canvass element this will be the first time when you can directly draw graphics into your web design, just remember that the canvass element is the drawing placeholder the actual drawing is controlled by JavaScript. Also, the canvass element is not compatible with Internet Explorer 8 and its lower versions.

    Tags:, , , ,
    Posted in Web Design Work |

    Reasons Why Your Web Design Should Be in HTML 5

    Thursday, May 10th, 2012

    HTML is known as the lingua franca of the internet and it is because of this such language is developed from time to time, in fact the latest version being used is HTML 5 or the Hypertext Markup Language 5. The change in the version or the update in the version of the Hypertext Markup Language is because of the fact that web design must also conform with the latest internet technology especially those affecting the structure of a website. Since the version updates are due to the fact that it has to conform to the latest technology website designers must also adapt in using the latest version of the web scripting language. Just like any other human nature,  some website designers are afraid of change, this is why the news of the HTML 5 version made some website designers cringe especially so that most of the elements that they became familiar with in the previous versions of HTML is now considered as deprecated or already not a standard.

    So Why Use HTML 5 For Web Design?

    Using HTML 5 is very important especially for website designers because there are several benefits such as:

    1. HTML 5 allows for development of games – through the canvas elments web designers can develop mobile and interactive games. This elements allows you to embed other codes that will be enable you to create web based games.

    2. Cross Browser Compatibility –  HTML 5 document type definition was already made simple and compatible with all types of modern web browsers.

    3. Mobile Compatibility – since the future in technology is through mobile browsing and the use of smartphones, HTML 5 is being designed for website designers to create a responsive website allowing every web page to be compatible with different screen sizes, since we know that tablet PC ‘s and smartphones have varying screen sizes.

    Conclusion

    The future of HTML or website design structure is through HTML 5 this is why it is imperative for every website designers to start learning and mastering HTML 5 before the language is fully released and made the industry standard.

     

    Tags:, , , , ,
    Posted in Web Design Work |

    Breaking Down the Video On HTML 5

    Tuesday, May 8th, 2012

    As we all know, Hypertext Markup Language is the web design language of choice, in fact it is known as the lingua franca of the internet.  Through the years the Hypertext Markup Language has gone through several changes and several updates, from HTML 1 to HTML 5. The versions of Hypertext Markup Language is said to be updated in order to conform with the changing times. Every update corresponds with the different internet technologies that are being introduced. The latest version that is currently in the works and which is hoped to be the current standard in web design is HTML 5.

    What to Expect in HTML 5

    In terms of website design there are really a lot of scripts that are to be excited about, there elements in HTML 5 can do a lot more than those in the previous version of HTML5. This time a lot of third party software application requirements were already removed such requirements like video players and audio players are no longer needed since HTML 5 allows website designers to code for the inclusion of multimedia controls like audio and video. This time around new browsers does not need to require installation of video players since it is already capable of recognising the HTML 5 code for a video and audio control

    The HTML 5 Video Control

    Since HTML 5 allows the use of video control through its video element we are pretty sure some website designers have to learn how to utilise the video element. Incorporating video in your web design is now possible through the use of elements just like the code shown below:

     

     The Explanation

    As you can see on the code above, there are new elements which are not present in the previous versions of HTML. The following are the explanations of the different elements and attributes.

    1. <video> – this elements sets the defining of the video or movie. This element is responsible

    for creating the area where the video will appear within the browser.

    2. <source> – this element defines the location  and type of the video to be displayed. This

    can also be used for the <audio> element.

    3. src attribute – this attribute contains the actual directory location and file name of the

    video.

    4. type attribute – this attribute defines the file type of the video being used.

    5. control attribute – this would allow you to display or hide the video control interface of

    the video element.

     Conclusion

    What is clear is that videos can already be recognised by new browsers and moving forward with the development of HTML 5 the use of third party software is indeed being eased out. The use of HTML 5 video is going to be the new standard and familiarising their syntax will easily allow you to include video to your website.

     

    Tags:, , ,
    Posted in Web Design Work |

    The Power of HTML 5

    Monday, April 16th, 2012

    Although it is still at its development stage, the Hypertext Markup Language version 5 is already starting to catch the attention of many web designers, some in fact have already incorporated HTML 5 in their web design. We can even see several companies that are already converting their websites to Hypertext Markup Language 5. Converting to HTML 5 may be a good choice because of the fact that many of the web browsers are already being updated in order to conform to the new elements that are incorporated in HTML 5.

    Is Using HTML 5 for Web Design an Advantage?

    Using HTML 5 for your website design is definitely an advantage because of the fact that this version will be replacing the other versions of HTML so not too long from now HTML 5 will already be the standard for web design so starting early would bring more benefits than ill-effects.

    What is the Power of HTML 5 in web design?

    The following are the “power” or main benefits of using the Hypertext Markup Language version 5:

    1. It allows web designers to create website designs that are compatible with the different mobile devices such as the Tablet PC and the Smartphones. This immediate compatibility of HTML 5 with the mobile devices makes such language powerful enough to become compatible with future devices while still being backward compatible with vintage computers.

    2. Websockets incorporated in HTML 5 allows for the faster loading time of the website, a website design characteristic that is favourable to the user as well as the website owner.

    3. Incorporation of Videos and audios are made possible through the use of HTML 5 codes thus there will no longer be any need for third party video or audio players. You have to utilise the proper video and audio file format in order for it to function properly.

    4. It allows drawing canvass thus web designers can already create simple images by drawing on the canvass via HTML 5 codes. This will give a flexible resolution for the image as well as a better loading time for the web page.

    Conclusion on the Power of HTML 5

    The Hypertext Markup Language 5 has the power to improve a websites’ features and loading time, a characteristic that many web designers are looking for. Indeed with the on-going improvement with HTML 5 it will prove to be the most powerful markup language as compared with the previous versions of HTML. Web design will be revolutionised with HTML 5 due to the incorporation of features that are once produced by third parties but are now part of the elements of HTML 5.

     

    Tags:, , , , ,
    Posted in Web Design Work |

    Audio for Your Website

    Monday, March 26th, 2012

    Adding audio to your website may increase your website’s aesthetic value and even its functionality value. For website designers incorporating audio in your website starts out as a challenging endeavour because of the fact that the Hypertext Markup Language do not provide an element for adding an audio file into the website. Instead you will have to require the installation of third party applications like Microsoft’s Silverlight, Flash or Quicktime among other audio players. In terms of the criteria on usability, installing any of these third party applications in order to run or play the audio in your website might already be too tedious for your site visitor thus ending up with the site visitor not installing the plugins or application and would leave your website entirely.

    The HTML 5 Solution

    It is because of the fact that third party applications must be installed in order to play the audio and the incompatibility on the file types that specific applications are recognising, there is a need for HTML to create a new element that will accommodate a native audio file for every website, this is why HTML 5 introduces the <audio> element. The <audio> element allows web designers to incorporate audio in their website design without the requirement of installing any third party application audio player. On top of having to independently incorporate audio in the website, the audio element could also be manipulated and redesigned using Javascript and Cascading Style Sheets respectively.

    What Can <audio> Do?

    The <audio> element in HTML 5 is not just a simple element that can incorporate audio into the website, it comes with several attributes which allows the website designers to incorporate additional functionalities in the audio player, among these attributes and elements are:

    1. <source> – this element when incorporated with the <audio> element will allow the web designer to specify several audio file types that the website will be able to recognise. It is to be understood that HTML 5 can recognise several audio file types only if the <audio> element would specify such audio file types.

    2. Loop – this attribute will specify that the audio file will play continuously within a loop once the website is loaded. Caution in using this attribute is required as it prevents user control on the execution of the audio remember some might like the audio some may not.

    3. Autoplay – this attribute allows the audio file to be played when the website is already loaded. Again caution is required in using this because of the fact that user control may be prevented.

    Conclusion

    The introduction of the new elements in HTML 5 indeed would solve age old problem in web design, it is thus imperative to know everything about the elements in HTML 5 in order to efficiently use such elements.

    Tags:, , , , ,
    Posted in Web Design Work |

    What is New With HTML 5?

    Sunday, March 25th, 2012

    In the world of web design a lot of web designers out there are have been wondering on what features can the new HTML version offer that which was not already incorporated in the previous version? It is known that HTML have been adding or removing elements to their elements list and call it a new version, but nothing has been done to drastically change the structure of the Hypertext Markup Language in general, until HTML 5 was conceptualised. HTML version 5 promises a lot of changes with regards to how a website is designed and how it is structured.

    So What’s New For Web Design?

    For web designers out there one thing that would really be of help are the new structural elements which functions to create the website structure, previously, HTML only provide elements that may or may not be used for structuring the website however with HTML 5 there are specific structural elements with specific functions. The Following are the different structure elements introduced by HTML 5:

    1. <article> – this element denotes that the area is reserved and a stand alone area for texts such as comments, forum texts and or blog posts.

    2. <nav> – in previous HTML elements the navigation area was not highlighted, with HTML 5 however the navigation are is indicated by the <nav> element, this area will include or contains links within or going out of the website.

    3. <footer> – again, in previous HTML versions the footer area or section of the web page does not have an explicit element associated with it, with HTML 5 however, the case is different since HTML 5 have provided an element specifically indicating the area as the footer section.

    4. <section> – to indicate a general content for the website the <section> element was provided in HTML 5, such content could either be an application, image, animation, text among others.

    5. <header> – this element indicates that the content are for branding information or the main information about the website, it could be in the form of a text or an image.

    Conclusion

    With HTML 5, website design was given an avenue to indicate specifically the different areas within the website which makes it easier for website designers to discern the areas to be edited whenever there are some updates or any debugging works that should be done within the scope of the website.

    Tags:, , , ,
    Posted in Web Design Work |

    What is HTML5 All About?

    Monday, March 19th, 2012

    The Hypertext Markup Language or commonly known as HTML is constantly evolving, this evolution could be brought about by the fact that HTML is the “lingua franca” or main language of the internet. The constant evolution of internet technologies requires the evolution of the Hypertext Markup Language. From its beginnings of HTML version 1, HTML is now in its version 5 or known as HTML 5.

    What is Special About HTML 5?

    Unlike other HTML versions where elements or tags were added or removed from the general list of elements, HTML 5 is a whole new version where there are several elements that were integrated to accommodate the different internet technologies that were introduced over the years.

    What are the Internet Technologies?

    The internet technology concept here would be the different website features that were incorporated in such website in order to add to the aesthetics or the usability feature of a website. A good example of this would be the video technology that was made possible to be embedded in a website, HTML however previously do not have an element that would cater to displaying self-hosted videos and not just those that were embedded. With HTML 5, self-hosted videos are then possible to be displayed due to the HTML 5 element that would allow web designers to do such.

    What Else is HTML 5?

    HTML 5 is considered to be the newest version of the Hypertext Markup Language and this language or version conforms to the Extensible Markup Language or XML standards. This means therefore that the coding process is stricter and cleaner as it the coding process must follow the set standards from XML.

    Is Animation Possible With HTML 5?

    Because of the seemingly necessary incorporation of animation in a website, HTML 5 also have provided avenue for the incorporation of animation in the web design. This is done by supporting Canvas elements and SVG’s. Where canvass elements were provided in order to help in facilitating two dimensional (2D) graphics.

    Other HTML 5 Features

    Aside from helping in the development of website design, HTML 5 elements could also help in an SEO Campaign because of the fact that it supports interactive applications that are SEO friendly as well as user friendly.

    Conclusion

    The newest version of the Hypertext Markup Language indeed incorporated the newest requirements of every website. From audio to video, from web design to Search engine optimisation, therefore now is the best time to start converting your web designs to HTML 5.

    Tags:, , , , ,
    Posted in Web Design Work |

    What is New with HTML 5

    Wednesday, February 15th, 2012

    Developing websites starts with the understanding of the website designer about the “lingua franca” of the internet which is HTML or the Hypertext Markup Language. HTML is known as the lingua franca of the internet since this is the scripting language known to form the structure of a web page. Before one can learn advanced scripting languages such as Javascript, PHP or ASP a web developer must first learn the Hypertext Markup Language. Through the years HTML has been continuously evolving, several versions were released and approved by the governing body of the internet the World Wide Web Consortium or W3C. At present time stakeholders and members of the W3C have been integrating new versions and came up with HTML version 5. HTML version 5 is a big leap from the previous version HTML 4.01 since it introduces new elements or tags and new ways on writing the HTML script. The following are some of the improvements or changes that HTML 5 is introducing to web developers.

    1. Quotation marks are optional – prior to HTML 5, attribute values are being enclosed in a quotation mark, in HTML 5 however this is already optional, therefore, attribute value not enclosed in a quotation mark will not be deemed as errors and will be properly interpreted by the latest web browsers.

    2. When using the link tag for CSS you can disregard the “type” attribute – prior to HTML 5 link tags and script tags require the incorporation of the “type” attribute, but with HTML 5 this attribute is no longer required thus saving you a lot of encoding time for the scripts of your web page.

    3. Shortened Document Type Definition – the lower versions of HTML requires one to type in a very long HTML document type definition, DOCTYPE is a code placed before the opening HTML element and the DOCTYPE is truly a long script to memorise, with HTML 5 however you only need to write <!DOCTYPE html>, a shortened version that is very easy to encode and memorise.

    4. You can now code in Videos and Audios – prior to HTML 5 videos and audios are embedded via the iframe element or other embedding methods, HTML 5 on the other hand has its own natural element for coding in the audios or videos making it easy for a website developer to incorporate such multimedia platforms.

    These are just some of the new features of HTML 5, there are a lot more features that will be added especially so that HTML 5 is still in its processing phase, meaning, suggested elements are still being processed on whether or not it would be accepted.

    Tags:, , , , ,
    Posted in Web Design Work |