Web Design and Web Development

WEBSA is a web design company and web design firm that offers creative, professional and skilled web page design. Custom website designers and developers at our company focus on delivering our clients with customized and user-friendly designs. We are ready to promote your business.



CSS3 and html5

tools & resources for web professionals

the best site for understanding and creating online code of css3.



what you can do by using cc3. http://www.everydayworks.com/css_typography/HTMLCSSrotation.html

i like it. alot. 😀


Articles / Tutorials on lists, menus, navigations and tabs.

Articles / Tutorials on lists, menus, navigations and tabs.

  1. 11 CSS navigation menus : at Exploding Boy
  2. 12 more CSS Navigation Menus. : at Exploding Boy
  3. 14 Free Vertical CSS Menus : at Exploding Boy
  4. 2-level horizontal navigation : demo at Duoh
  5. Absolute Lists: Alternatives to Divs : An approach of using lists instead of divs at evolt
  6. Accessible Image-Tab Rollovers : demo at Simplebits
  7. ADxMenu : multiple menu examples at aPlus
  8. A drop-down theme : at CSS Play
  9. Bookend Lists: Using CSS to Float a Masthead : at WebSiteOptimization
  10. Bulletproof Slants : demo at Simplebits
  11. Centered Tabs with CSS : at 24ways
  12. Clickable Link Backgrounds : A bulletproof unordered list of links, each with a unique (purely decorative) left-aligned icon that is referenced with CSS ; but that is also clickable.
  13. Create a Teaser Thumbnail List Using CSS: Part 1 : lists of items made up of a title, short description, and thumbnail.
  14. Creating Indented Navigation Lists : A multi-level indented list
  15. Creating Multicolumn Lists : at Builder.com
  16. cssMenus – 4 Level Deep List Menu : at SolarDreamStudios
  17. CSS and Round Corners: Build Accessible Menu Tabs : at SitePoint
  18. CSS-Based Tabbed Menu : a simple tabbed menu.
  19. CSS-based Navigation : demo at Nundroo
  20. CSS: Double Lists : A single list that appears in two columns
  21. CSS Mini Tabs (the UN-tab, tab) : demo at Simplebits
  22. CSS only dropdown menu : at CSS Play
  23. CSS only flyout menus : at CSS Play
  24. CSS only flyout/dropdown menu : at CSS Play
  25. CSS only flyout menu with transparency : at CSS Play
  26. CSS only vertical sliding menu : at CSS Play
  27. CSS Swag: Multi-Column Lists : at A List Apart
  28. CSS Tabs : tabs without any images
  29. CSS Tabs : list of various tab solutions
  30. CSS tabs with Submenus : at Kalsey.
  31. dTree Navigation Menu : Javascripts Tree at Destroydrop
  32. Definition lists – misused or misunderstood? : appropriate uses of definition lists
  33. Do You Want To Do That With CSS? – Multiple Column Lists : multi-column lists.
  34. Drop-Down Menus, Horizontal Style : at A List Apart
  35. Float Mini tabs : at Web-Graphics
  36. Flowing a List Across Multiple Columns : A table without using tables.
  37. Free Menu Designs V 1.1 : ready-to-download block menusat e-lusion
  38. FreeStyle Menus : XHTML compliant, CSS-formatted menu script at TwinHelix
  39. Hidden tab menu : at CSS Play
  40. How to Style a Definition List with CSS : at WebReference
  41. How to Style an Unordered List with CSS : at WebReference
  42. How to Use CSS to Position Horizontal Unordered Lists : at WebReference
  43. Hybrid CSS Dropdowns : at a List Apart
  44. Inline Mini Tabs : at Web-Graphics
  45. Intelligent Menus : CSS and PHP menu at PhotoMatt.net
  46. Inverted Sliding Doors Tabs : at 456BereaStreet
  47. Light Weight Multi Level Menu : at CssCreator
  48. List Display Problems In Explorer For Windows : list hack for IE
  49. Listamatic : simple lists; various styles.
  50. Listamatic2 : nexted lists; various styles
  51. Menus galleries in CSS and XHTML : multiple examples and downloads at Alsacreations
  52. Mini-Tab Shapes : demo at Simplebits
  53. Mini-Tab Shapes 2 : demo at Simplebits
  54. More than Just Bullets : at W3.org
  55. Multiple Column Lists : at css-discuss
  56. A Navbar Using Lists : A lightweight nav bar at WestCiv
  57. Navigation Matrix Reloaded : at SuperfluousBanter
  58. Remote Control CSS : examples of lists styled differently
  59. Remote Control CSS Revisited – Caving in to peer pressure : multi-column remote control
  60. Rounding Tab Corners : by Eric A. Meyer.
  61. Simple CSS Tabs : at SilverOrange
  62. Simplified CSS Tabs : demo at Simplebits
  63. Sliding Doors : at A List Apart
  64. Spruced-Up Site Maps : sitemaps as lists
  65. Styling Nested List : at SimpleBits
  66. Suckerfish Dropdowns : at HTMLDog
  67. Tabtastic : Gavin Kistner.
  68. Tabs Tutorial at BrainJar
  69. Taming Lists : at A List Apart
  70. Turning a List into a Navigation Bar : at 456BereaStreet
  71. Ultimate css only dropdown menu : at CSS Play

Free CSS navigation menus

These eleven CSS navigation menus are created using the Sliding Doors technique, and will even work in everyone’s favorite browser Internet Explorer. You may download the entire set and use any way you see fit. You may want to clean up the stylesheet, or alter the menu graphics to suit your needs. All the menus can be used for commercial or private use.

See all the menus.
Download the entire menu set.

Google VP Talks About the Future of Search

The illustrious Marissa Mayer, Vice President at Google, was on Charlie Rose last night to talk about (disclaimer: I didn’t watch nearly this entire hour of footage) interesting things, including the future of search.

It was interesting for our engineers to see that early index and see how far we’ve come in ten years. But when you think about what would be the perfect search engine, what is an answer as opposed to a result? Why are we handing you just links and URLs? You know, what does it mean to try and synthesize a video or an image or a diagram that better explains your answer or maybe even grabs facts from all the different pages and helps you do comparisons. There’s just a lot of different things we can do. And that doesn’t even happen into how do people search, from their phones, from their cars, how do we get more mobile, how do we deal with so many different interface challenges?


Website Development – Six Reasons to avoid Flash

Recently one of my reader commented on my Post Web Standards and described how some Company in his knowledge suffered due to fully Flash Website.

Flash is a great interactive tool and really has changed Web Contents but in my view, it is not a good choice for most commercial web sites. Its great to use Flash as part of website, but in no way a prudent choice for full website. Flash being a proprietary technology breaks most web standards and conventions.

Here are six reasons, why we should avoid to use Flash.
1. Search Engine Optimization (SEO) Problems:

Although recently Google has announced that with collaboration of Adobe, now they are able to read through Flash contents but still Information embedded in Flash is often invisible to many other large search engines like MSN.

Search engines scan information on a web site, process and retrieving the best match for each user query. Robots (Small Software, used by Search Engines to scan a website) usually cannot process text embedded in Flash and graphic files. Sites designed completely in Flash often offer very little textual information completely ignoring different type of SEO Basics and fully contravene with most of rules given in Google Web Master Guide.

Tip: From SEO point of view, don’t use fancy flash buttons and navigation bars. Search engines track and love text links.

2. Statistics; An Important feature of Today’s Web; is missing

Web Statistics helps to evaluate website success and provide important information about visitor’s behavior, that help professional Web Developers, Designers and Marketer to come with more better and user oriented web solutions.

Some of important questions, web statistics answers are: Visitors came from, the pages visited and from where visitors left a site. Web Statistics are able to track when a Flash object, typically a swf file, is viewed. They are not able to track navigation within a Flash object – so if a site is composed of one Flash object which contains multiple site sections, the web analytic system will see a swf download, but will have no idea which parts of the site a visitor viewed nor where the visitor left the site.

3. Flash breaks web usability standards

Flash Breaks some of most important Web Usability Standards. Few examples are:

Browser Back Button do not work.
You cannot copy-paste important information like contact information.
Important Accessibility Features of browsers like Zoom In, Zoom our and Font Size change are not available.
You can’t book mark some page form site for future review. (As Flash Site has only one page as per Browser Eye)
4. Lack of consistent cross platform support

One of the keystones of the web is that a website should work in any browser on any computer – it is openness and standardization which has made the Internet universal. Flash breaks the basic tenets of website design. While most Internet users have Flash installed – they don’t necessarily have the right version installed. Indeed version 8 wasn’t even released for the Linux platform, locking those users out of sites developed for Flash 8 and 9 (Flash 9 for Linux has finally been released, months after the Windows version).

5. Some users disable Flash to avoid flash based advertising.

Savvier web users have learned to disable Flash in web pages to avoid animated advertising and / or to improve page-loading times on dial-up connections.

6. Website updates continually require Flash skills
Although now Flash based photo galleries and some other content management features are available but either that higly expensive or have limited features. Usually for sites developed in flash need high level flash skills for updation. (Khuram)

Programming is NOT an art

I have been quiet lately as I work on some larger bits of writing, but some posts today can’t be ignored, mainly “Programming as a Fine Art”.

Have you read it? If so, let it be known that I vehemently disagree with the idea that programming is an art. I got paid to be a programmer for a number of years, and never did I feel artistic. I did some new, cool stuff on some projects, and did grunt work on others, as described in the above article. An essential word that is passed by quickly in the article is “craft”. Craftsman create things that are to be used; they may be decoratively ornate – think of antique furniture you see on Antiques’ Roadshow – but that is to make the object more appealing to potential buyers.

Software is created to be used. Anything that is considered Art is not that pedestrian; Art is intended to communicate, inspire, provoke and all that, I don’t see the NEA (U.S.)sponsoring software development, and don’t expect software to ever be banned in Boston.

Another essential word in the article is ‘engineering’, as in software engineering. Engineering is defintely not Art, it is applying methods to solve real-world problems with solutions that don’t fall down (like bridges) or fail to work (like software). In fact, reaching an actual Engineering level of discipline for software is something we should aspire to, leaving craftsmenship behind, as happened in the Industrial revolution with manufacturing plants putting craftsman out of work.

I know this article is about why the teaching of programming is suffering in the wider discipline of Computer Science, but treating it as a ‘liberal art’ is not the solution. If programming is going to continue to be a craft for some time to come, then the classic apprenticeship approach is the way to go. Although I was Computer Science grad, that is how I started. My first employer knew that grads of other disciplines could also be candidates, so it had a programming evaluation test for applicants. If you passed it, the company believed you had the skills to program ,and I enede up working with many people with other degrees like law.

In the end, a university degree shows that a person can learn; the specifics of what they studied may or may not be useful in their careers. So, companies should be looking for people willing to learn programming, rather than expect them to already know how.