html xhtml and css @web articles

10 July, 2009 | admin | Comments

As a web developer, you need to understand basic knowledges on html, xhtml and css to begin creating a page of your own. Web-articles.info carries a whole lot of articles on html, xhtml and css which are among the best articles for someone learning this scripting languages.

The site carries numerous articles where some of them explains basic steps on many frequently use methods or “how to do it” in plain simple way. Whether you are a beginner or an expert looking for some understanding of how a certain thing is achieved using html, xhtml or css, html xhtml and css @web articles has a lot to tell you. Going through the articles, you will be able to combine the worlds of html, xhtml and css. Topics on “how to use html flexibly”, “Anatomy of an XHTML Document”, working with Cascading Style Sheets and so on are described in details.

Articles are added regularly and there is a growing numbers of tutorials in the category as well as other categories available on the main home page of the website. The interesting part is that, if you need a daily fresh updated content for your website in any category available, web articles offers free fresh content for your website.

Of all the articles at web articles, the “anatomy of an xhtml document”by albert lichtblau is one cool article. As the articles quotes

The transition from HTML to XHTML will come with a fair number of bumps. While later chapters introduce tools to help you get past those bumps – and figure out where they come from – this chapter examines what’s going to change and demonstrates a few strategies for handling those changes. Along the way, we visit the ghosts of browsers past and explore problems that exist in current browsers. In turn, you discover how prepared and unprepared various tools are for XHTML.

Visual Design and Usability

10 July, 2009 | admin | Comments
Visual Design and Usability are two factors web developers and web designers need to focus with. The two factors are the two ends of a scale, the more you try to add usability, the visual design can be compromised; the more attractive the website is, the less user friendly it may become. www.articlecity.info has a good article on web visual design and Usability.

Some usability gurus have traditionally expounded that developing a web site should be focussed on the usability, not the outlook. However, as opposing these views, User experience designers and Information architects have argue that, since human have the tendency of an extremely short “attention span”, an attractive Visual design is essential to lure users making them stay on the site for a longer time.
Patrick K’s article on Visual Design and Usability describes the how the two views exist together depsite being the different ends of the scale. A site with a minimalistic visual design is the major design scenario prevailing in the UX design world these days. A website loaded with graphics and animation may be attractive although losing usability functions or taking up more time in loading while a minimalistic website may look dull, however providing the necessary details or information the website is meant for.
For a better improvement in the fusion between usability and visual design, developers/designer has now been using Prototyping tools to create wireframe models of website outlays. This helps in determining the looks of the website in a proper way even before its development.

Web Directories

10 July, 2009 | admin | Comments

A web directory or link directory is a directory on the World Wide Web. It specializes in linking to other web sites and categorizing those links.
- en.wikipedia.org/wiki/Web_directory

As the above suggests, a web directory is a directory in which websites are linked in a categorized manner. Before listing, the websites are reviewed manually and are listed in the right categories.

There are various web directories available across the internet these days but not all are as reliable as some of the well known web directories such as DMOZ, Yahoo directory etc. The major essence of a Web Directory is that, they are maintained by a group of reviewers, that it these lists are maintained manually. This is the main reason why seach engines focusses on websites listed on a well known web directory than a website which is not listed. As a result, a web directory is SEO friendly.

Many web directories offer web developers or website owners to submit there website online, after which they review it and approve it accordingly. Most well known web directories ask for a nominal fee for inclusion in the directory. Many web directories may ask you to put a backlink of the directory website anywhere on the website you are submitting for your website to belisted in the web directory. Very few offers free web directory listing submission. Online tools are also available where the website owners are required to submit the website details on their website and these websites in turn submits the details to hundreds of directories…and once again, these websites may charge you according to the submission type you want or may do it for free!!
If you are a website owner, for a start you should try submitting your website to SEO friendly web directory or free web directory which will help you in increasing the visibility of your website to major search engines. Increasing visibility on search engines definitely means an increase in the number of potential customers from your website.

Sibi Media Player: an innovative media player 2

5 July, 2009 | admin | Comments

Well, the previous post let you know the main structure of the media player. If you’ve not gone through it, check the post at Sibi Media Player: an innovative media player 1 before continuing this post.

Now, let’s get closer to the Player Control Area.

Control Area

Control Area

Like I told you earlier, the image above speaks. ;)

Playlist

Playlist

The player will look as below.

The Player

The Player

So, that’s it for the present. The UX designs for the player is still under development. If you’ve your say, don’t forget to leave me a comment.

Sibi Media Player: an innovative media player 1

5 July, 2009 | admin | Comments

Sibi Media Player is an innovative media player designed keeping in mind, the word – Simple.

The player is mainly developed for the emerging mobile market although a PC (or Mac) version of the player sure do play a major role in its marketing strategies. And accordingly,  I can’t give you all the details about the player, but through this post you can get a glimpse of the UI for the PC version of the player.

The player consists of 3 main parts or modules, of which this particular post focus only on the main player module. The player is designed as an application to be made available online, that means, the media player is an ONLINE MEDIA PLAYER. So let’s get to the UI.

SIBI Media Player Modules

SIBI Media Player Modules

The above diagram talks!! I guess you have got the hunch why the Media Player is developed as an online application?? The player has the options to upload your music collection online, manage it, create playlist from your own collection and blah blah. The music has to be streamed online, such that you don’t have to carry a high capacity storage music player wherever you go. Personally, I don’t own a music player which have the storage capacity of ~40gb which is my collection in my PC.

If you are a music lover and a frequest travellor, as most of us are, you might have faced the problem of wondering which songs to put in your PMP? This is rather a hard task coz of the thousand songs, (remember, one’s music collection increases with each passing day), you won’t be  point out which songs you are going to hear during your tour; and it’s not that you can carry your system with you wherever you go!!

Ok, leave it…let me get to the UI.

The Main Player Module

The Main Player Module

The main player area is divided into 3 sub areas

  • Player Control
  • Playlist/Current Playing Info
  • Playlist Control

1) The Player Control Area consists of the buttons for Previous, Play, Stop, Next, Shuffle, Repeat, Volume, and equalizer slide in/out.

The Player Control

The Player Control

2) The Playlist/Current Playing Info are combined together in one place to reduce screen area. Unlike typical media players from Windows media player to itunes, the playlist and the current playing info display is separate eating up more screen property. SIBI playlist structure reduces the valuable screen property.

The Playlist

The Playlist

3) The Playlist Controls are pretty intuitive and simple. The almost all of the controls can be done through keyboard shortcuts. To inform the users about these shortcuts, the TIPS are displayed in a slide show format.

The Playlist Controls

The Playlist Controls

For more, check the next post Sibi Media Player: an innovative media player 2