HTML5 - the web development to the next level

The web Technologies starts from year 1991 with the use of HTML and slowly towards HTML2. CSS 1 and JavaScript starts around year 1996 and slowly to HTML4, CSS2, XHTML 1. From year 2002, there is a new web technology called the “TABLELESS WEB DESIGN”. It is considering a new thing to designer where all layouts have to be done TABLELESS. Design styles are changing to a more flexible layout with the use of CSS2. AJAX implements in year 2005, where it brings more life to the web development and more interaction with the web surfer.

HTML 5 is the combination of HTML, CSS and JS APIs.

HTML

New semantic tags
<header>,<hgroup>,<nav>, <section>,<article>,<aside>, <footer>

New link relations
<a rel=”archieves” href=http://www.about-design.info/archives>old posts</a>

Microdata
To enhance your google search results

New Form field types ( Web Forms 2.0)
range, search, placeholder, color, number, email. Tel etc…..

Audio and Video (Multimedia)
To easily embedded audio or video

2D and 3D drawing (canvas, WebGL, SVG)

CSS
CSS is interesting part for designers. Now it supports new fonts. You can change opacity, adding text stroke, change the hue, saturation, adding rounded corner, special gradients effects, adding shadows, reflections, animation, transforms and many more effects.

Check this out for demo and examples

Start to know HTML5 and bring yourself to the next generation of modern web development!

Mobile Web Design

The numbers of mobile user are increasing every day. The numbers of users that browse through website using their mobile phone are increasing too. Do you have a website that display poorly on a mobile phone? It is time to change so that you can have exposure to the mobile user!

Many companies have seen the impotency of mobile compatible website, and the impotency is increasing every moment! You can easily see people holding a mobile phone surfing the net every moment, no matter they are having their lunch, or gathering around with friends and family. Some of them are surfing just for fun; some of them are looking for useful information, some maybe looking for business opportunities. If your website is display well in mobile phone, you will get the traffic from these tremendously increase group of users.

How to check whether you website is well display in mobile phone? You do not need to have different mobile phone to check your website.  Key in your domain name (Website address). I am here to use www.google.com as an example. It shows that it is display well on mobile phone!

For more information, visit this website:
Website : ready.mobi [ http://ready.mobi ]

 

How to create a mobile website design

There are certain criteria to follow before you start designing a mobile compatible website. The website should be build follow the guidelines set by the W3C. Below are some notes to build your own mobile website:

1. Website should be CSS driven. Table is not allowing for the main layout.
2. The website should be using XHTML or XML, with character coding of UTF-8.
3. It is important to put all important information on top of the page because mobile user is difficult and take time to scroll down the whole page.
4. Make the page size smaller. Mobile page allow only 20kilobytes.
5. All the images in mobile page should set to jpg or gif only.
6. Please make sure that all the images and files are compress to the smallest. Mobile user requires paying fees to surf your website.
7. Not all mobile phone has the same screen sizes. It is difficult to set your page to fit all the screen size.
8. Always remember that mobile user has the difficulty to key in text, providing user with drop down menu or radio button can make your website user friendly.

Wait no more; consult your Web Design provider now to start designing your mobile website!

Web Design / Web Designing

Just a brief introduction on web design & web designing

Web design is used as a general term to describe any of the various tasks involved in creating a web page. Many people like to know what exactly the meaning of web design is. Web design is the creation of digital environments that facilitate and encourage human activity to adapt to individual voices and content and change gracefully over time while always retaining their identity.

To understand web design, you should first understand design, and second technology. Web designer should design base on the principles of the current technology. For example, in the previous years, web designs are mostly base on table format, static format, where nowadays there are XHTML, CSS, database driven languages, ASP.NET, PHP, JSP, ColdFusion, Flash, Web 2.0 etc.

People who are smart about print can be less bright about the web. From a technical standpoint, the act of web design can be quite difficult. It is not like the traditional print media; HTML has a number of variable factors. Web Designer must know how to design for different monitor sizes, different display setting, and different browser supports. This has made web designer a wide challenge to create a layout that suits to all environments. While graphic designer/ print designer just have to know exactly how big the piece of paper they are going to design on.

Below showing types of web design services

1. Web Design & Redesign & Revamp
2. Updates & Maintenance
3. Programming
4. Flash Animation
5. Hosting & Domain Registration
6. Website Development
7. SEO Internet Marketing (Search Engine Optimization)
8. Static and Dynamic Web Design / Website Design / Animation Flash Web
9. Web application programming

Web Design Showcase

Below are some the web design done by The Origin Solution

 

Client: Jantech Technology Sdn Bhd

Web Design: HTML, CSS, Javascript

Web Development: Content Management System, E-catalog System

Web Support: Hosting

Website: http://www.jantech.com.my

 

Client: Asia Poly Holdings Berhad

Web Design: HTML, CSS, Javascript, Flash

Web Support: Maintenance

Website: http://www.asiapoly.com.my

Client: GB Land Sdn Bhd

Web Design: HTML, CSS, Javascript

Web Development: Content Management System, E-catalog System

Web Support: Hosting

Website: http://www.gbland.com.my

 

Client: Sri Penaga Management Corporation

Web Design: HTML, CSS, Javascript

Web Support: Hosting

Website: http://www.sripenaga.com

Client: Polypal Sdn Bhd

Web Design: HTML, CSS, Javascript

Web Development: Article Content Management, News and Events Management, E-commerce Integration

Marketing: Search Engine Optimization (SEO)

Web Support: Hosting

Website: http://www.etoz.com.my

 

Client: Percetakan Skyline Sdn Bhd

Web Design: HTML, CSS, Javascript, Flash

Web Development: E-catalog System, Web Calendar, FTP server

Web Support: Hosting

Website: http://www.skylineprintpress.com/

 

 

Client: Abeesy Intergrated Sdn Bhd

Web Design: HTML, CSS, Javascript

Website: http://www.abeesy.com/

 

 

Client: Thumbprints Utd. Sdn. Bhd.

Web Design: HTML, CSS, Javascript

Web Development: E-catalog System

Marketing: Search Engine Optimization (SEO)

Website: http://www.thumbprints.com.my/

 

 

Client: Casa Asia

Web Design: HTML, CSS, Javascript, Flash

Web Support: Hosting

Website: http://www.casa-asia.com/

 

Click here to read about Graphic Design / Print Design