UI / UX Tips

XHTML is almost identical to HTML 4.01 with only few differences. This is a cleaner and more strict version of HTML 4.01. If you already know HTML then you need to give littel attention to learn this latest variant of HTML. XHTML stands for EXtensible HyperText Markup Language and is the next step in the evolution of the Internet. The XHTML 1.0 is the first document type in the XHTML family. XHTML was developed by the W3C to help web developers make the transition from HTML to XML. By migrating to XHTML today, web developers can enter the XML world with all of its attendant benefits, while still remaining confident in their content's backward and future compatibility. Developers who migrate their content to XHTML 1.0 will realize the following benefits: 1. XHTML documents are XML conforming. As such, they are readily viewed, edited, and validated with standard XML tools. 2. XHTML documents can be written to operate better than they did before in existing browsers as well as in new ...

Before you add any video to your web page, it's important to understand that videos can take up a lot of web page space (file size) and bandwidth. Every time someone clicks to view the video they will be taking up some of your allocated bandwidth. Be sure to check with your web host if you're not sure how much you are provided. If you're paying a monthly fee for web hosting, you could exceed your limits and be charged an extra fee if enough people view your video file. Uploading the Video First you must upload/save your video to your web server. You may want to create a folder called "video" and save it there. So the path to your video will be something like http://yoursite.com/video/movie.avi. Embedding the Video One thing you should keep in mind is that every web browser treats videos differently. What may work in one browser, may not work in another. So you should use both old and new HTML embed tags. (<object> and <embed>). See the sample code...

Cascading style sheets is the newest and best way to develop a web site. The pages are built better they are easier to maintain and the all around experience is just greatly improved for both the developer and the end user. Of course with new technology must come new training. Hitting the books back at school may not be an option, especially if building a web site is not really business related but more of a past time activity. Take heart you can still learn the inside information that you need to know to make the best of this great knew way to design web pages. Cascading style sheets tutorial can easily get you on your way to using CSS layouts and templates. Where to Find the Tutorials The best place to find the tutorials for CSS is online. There are plenty of websites that offer this tutorial for free. Many of the websites that offer CSS layouts and templates will also offer the tutorials for proper use. In many cases if you are not a business and you will not be building your site f...

Mobile web design involves the development of Internet-connected applications for viewing on a mobile device such as a smartphone or tablet PC that are connected to the Internet via a wireless network. This design today still suffers from usability and interoperability problems. Usability problems are difficult due to the small physical size of the mobile phone form factors. Interoperability issues arise from the platform fragmentation of mobile devices, mobile operating systems and mobile browsers. These are two of the toughest challenges when doing web design for the mobile web. Going forward, the distinction between the mobile web and native mobile applications is predicted to become increasingly blurred, as mobile browsers gain direct access to the hardware of mobile devices and the performance of browser-based applications improve. Persistent storage and access to sophisticated graphics user interface functions may further reduce the need for the development of platform-specific a...

Tableless web design, also called tableless web layout, is a method of designing web pages without using HTML tables for page layout. Instead of using HTML tables, style sheet languages are used to arrange the different elements of text on a web page. One of the most common style sheet languages is Cascading Style Sheets, or CSS. W3C introduced CSS in December of 1996 in order to improve web accessibility and to also make HTML code semantic instead of presentational. HTML was originally designed as a semantic markup language that was intended for sharing research papers and documents online. As the internet became more mainstream, graphic designers looked for ways to control the visual appearance of the web pages that they designed. This caused a number of problems as tables were nested within tables that created really large HTML web pages. CSS was introduced to solve this problem. Tableless web design using CSS has a number of advantages over tabled web design. One of the advantages ...

I was looking at one local web designer's portfolio a while ago. I noticed that a lot of his websites looked fine in Firefox, but not in Internet Explorer. He was obviously testing only in that browser. Then suddenly the situation reversed as newer sites looked fine in Internet Explorer, but not Firefox. And there is also a local fancy dress shop who's website you must look at in Internet Explorer, because the images of the costumes do not show in Firefox. Seriously, and these examples are genuine, this is a major problem as many customers will just see the problems, fail to navigate the website and move on. What do we need to do? So what do you need to do? Well the answer is very simple. Install the latest versions of Internet Explorer, Firefox and Chrome onto your computer and check that the website works in all of them and make the necessary changes to get them displaying correctly. But, this is not enough. My own website statistics that I have accumulated from the visitors ...

The first thing that we should know about the two most popular Internet Browsers, Netscape Navigator and Internet Explorer, is that they don't display web pages in the same way. To make matters even more confusing, neither do PC or Mac computers display images the same way. In short, images created on a Mac appear much darker on a PC, and images created on a PC appear much lighter on a Mac. Pixel size differences (72 pixels per inch on a Mac and 96 pixels per inch on a PC at 640x480) make font sizes vastly different. So, there has got to be ways around these differences, right? Right.... To an extent. What we'll cover in this article are a couple of tips to make sure that your pages are displaying nicely regardless of the system or browser, and to help your pages download as quickly as possible no matter what they're being viewed on. Step One: Compress the Graphics Before we do anything else, we have to make sure that our graphics have been optimized for the web. Most graph...