Wednesday, November 21, 2012

w3c standards

Accessibility: WCAG2 at a Glance


  1.     Provide text alternatives for non-text content.
  2.     Provide captions and alternatives for audio and video content.
  3.     Make content adaptable; and make it available to assistive technologies.
  4.     Use sufficient contrast to make things easy to see and hear.


  1.     Make all functionality keyboard accessible.
  2.     Give users enough time to read and use content.
  3.     Do not use content that causes seizures.
  4.     Help users navigate and find content.


  1.     Make text readable and understandable.
  2.     Make content appear and operate in predictable ways.
  3.     Help users avoid and correct mistakes.


    Maximize compatibility with current and future technologies.


Mobile Web Best Practices:

Design for One Web:
Content designed with diverse devices in mind reduces cost, increases flexibility, and reaches the needs of more people.

  1.     Ensure that content provided by accessing a URI yields a thematically coherent experience when accessed from different devices.
  2.     Exploit device capabilities to provide an enhanced user experience.
  3.     Take reasonable steps to work around deficient implementations.
  4.     Carry out testing on actual devices as well as emulators.

Rely on Web Standards:

Standards are the best guarantee for interoperability.

  1.     Create documents that validate to published formal grammars.
  2.     Send content in a format known by the device.
  3.     Where possible, send content in a preferred format.
  4.     Ensure that content is encoded using a character encoding known to be supported by the target device.
  5.     Indicate in the response the character encoding being used.
  6.     Use style sheets to control layout and presentation, unless the device is known not to support them.
  7.     Use features of the markup language to indicate logical document structure.
  8.     Provide informative error messages and a means of navigating away from an error message back to useful information.

Stay away from known hazards:

Thoughtful design can help reduce usability problems due to small screens and keyboards, and other features of mobile devices.

  1.     Do not cause pop ups or other windows to appear and do not change the current window without informing the user.
  2.     Do not use nested tables.
  3.     Do not use tables for layout.
  4.     Do not use graphics for spacing.
  5.     Do not use frames.
  6.     Do not use image maps unless you know the device supports them effectively.

Be cautious of device limitations:
Remember that mobile devices vary greatly in capability.

  1.     Do not rely on cookies being available.
  2.     Do not rely on embedded objects or script.
  3.     Do not use tables unless the device is known to support them.
  4.     Where possible, use an alternative to tabular presentation.
  5.     Organize documents so that if necessary they may be read without style sheets.
  6.     Do not rely on support of font related styling.
  7.     Ensure that information conveyed with color is also available without color.

Optimize navigation:
Simple navigation and typing become critical when using a small screen and keyboard, and limited bandwidth.

  1.     Provide only minimal navigation at the top of the page.
  2.     Provide consistent navigation mechanisms.
  3.     Clearly identify the target of each link.
  4.     Note the target file’s format unless you know the device supports it.
  5.     Assign access keys to links in navigational menus and frequently accessed functionality.
  6.     Keep the URIs of site entry points short.
  7.     Take into account the trade off between having too many links on a page and asking the user to follow too many links to reach what they are looking for.

Check graphics & colors:
Images, colors, and style brighten content, but require care: devices may have low-contrast screens or may not support some formats.

  1.     Resize images at the server, if they have an intrinsic size.
  2.     Do not use images that cannot be rendered by the device. Avoid large or high resolution images except where critical information would otherwise be lost.
  3.     Specify the size of images in markup, if they have an intrinsic size.
  4.     Provide a text equivalent for every non-text element.
  5.     Ensure that foreground and background color combinations provide sufficient contrast.
  6.     When using background images make sure that content remains readable on the device.
  7.     Do not use pixel measures and do not use absolute units in markup language attribute values and style sheet property values.

Keep it small:
Smaller sites make users happier by costing less in time and money.

  1.     Use terse, efficient markup.
  2.     Ensure that the overall size of page is appropriate to the memory limitations of the device.
  3.     Keep style sheets small.
  4.     Limit scrolling to one direction, unless secondary scrolling cannot be avoided.

Use the network sparingly:
Web protocol features can help improve the user experience by reducing the impact of network bottlenecks and latencies.

  1.     Do not create periodically auto refreshing pages, unless you have informed the user and provided a means of stopping it.
  2.     Do not use markup to redirect pages automatically. Instead, configure the server to perform redirects by means of HTTP 3xx codes.
  3.     Keep the number of externally linked resources to a minimum.
  4.     Provide caching information in HTTP responses

Help & guide user input:
Keyboards and other input methods on mobile devices can be tedious to use, so effective designs minimize the need for them.

  1.     Keep the number of keystrokes to a minimum.
  2.     Avoid free text entry where possible.
  3.     Provide pre-selected default values where possible.
  4.     Specify a default text entry mode, language and/or input format, if the target device is known to support it.
  5.     Create a logical order through links, form controls and objects.
  6.     Label all form controls appropriately and explicitly associate labels with form controls.
  7.     Position labels so they lay out properly in relation to the form controls they refer to.

Think of users on the go:
Web users on the go want compact information when time is short and distractions many.

  1.     Provide a short but descriptive page title.
  2.     Use clear and simple language.
  3.     Ensure that material that is central to the meaning of the page precedes material that is not.
  4.     Limit content to what the user has requested.
  5.     Ensure that content is suitable for use in a mobile context.
  6.     Divide pages into usable but limited size portions.


Internationalization Quicktips:
  1. Use Unicode wherever possible for content, databases, etc. Always declare the encoding of content.
  2. Use characters rather than escapes (e.g. á á or á) whenever you can.
  3. Declare the language of documents and indicate internal language changes.
  4. Use style sheets for presentational information. Restrict markup to semantics.
  5. Check for translatability and inappropriate cultural bias in images, animations & examples.
  6. Use an appropriate encoding on both form and server. Support local formats of names/addresses, times/dates, etc.
  7. Use simple, concise text. Use care when composing sentences from multiple strings.
  8. On each page include clearly visible navigation to localized pages or sites, using the target language.
  9. For XHTML, add dir="rtl" to the html tag for right-to-left text. Only re-use it to change the base direction.
  10. Validate! Use techniques, tutorials, and articles at

English Typography:

Use the proper English characters instead of their misused equivalents.

  2.     “ (“) opening quote (instead of ")
  3.     ” (”) closing quote (instead of ")
  4. Apostrophe
  5.     ’ (’) apostrophe (instead of ')
  6. Dashes and Hyphens
  7.     – (– or –) en dash, used for ranges, e.g. “13–15 November” (instead of -)
  8.     — (— or —) em dash, used for change of thought, e.g. “Star Wars is—as everyone knows—amazing.” (instead of -, or --)
  9. Ellipsis
  10.     … (… or …) horizontal ellipsis, used to indicate an omission or a pause (instead of ...)

Tuesday, November 06, 2012

tablet Grip and interaction

Four most common grips: While there are many ways to hold a tablet, these four grips are most commonly used.
GripGrip and interactionDesign considerations
Grip with one hand and interact with the otherOne hand holding, one hand interacting with light to medium interaction
  • Right or bottom edges offer quick interaction.
  • Lower right corner might be occluded by hand and wrist.
  • Limited reaching makes touching more accurate.
  • Reading, browsing, email, and light typing.
Grip with both hands and interact with thumbsTwo hands holding, thumbs interacting with light to medium interaction
  • Lower left and right corners offer quick interaction.
  • Anchored thumbs increase touching accuracy.
  • Anything in the middle of the screen is difficult to reach.
  • Touching middle of screen requires changing posture.
  • Reading, browsing, light typing, gaming.
Both hands interactingDevice rests on table or legs, two hands interacting with light to heavy interaction
  • Bottom of the screen offers quick interaction.
  • Lower corners might be occluded by hands and wrists.
  • Reduced need for reaching makes touching more accurate.
  • Reading, browsing, email, heavy typing.
Passive interaction with no gripDevice rests on table or stand, with or without interaction
  • Bottom of screen offers quick interaction.
  • Touching top of the screen occludes content.
  • Touching top of screen might knock a docked device off balance.
  • Interaction at a distance reduces readability and accuracy.
  • Increase target size to improve readability and precision.
  • Watching a movie, listening to music.

Questions HR

 Candidates Questions Accepting when Job Offer:

  1. When do you need an answer by?
  2. Can I receive a copy of the offer and the benefits package?
  3. If I have questions about the benefits package, who should I speak with?
  4. When is the start date?
  5. Is the salary negotiable?
  6. What are the core hours?
  7. Who will I be reporting to?
  8. Can you confirm that I will have the opportunity to telecommute or work on a flextime schedule as we discussed in the interview?
  9. Will the company help me with my moving expenses?
  10. Can I have all this in writing?

    Employer/Manager Questions When staff relieving:
  11. Why are you jumping for just Rs....?
  12. Tell me reasons for relieving job?

top 10 adsense earners in tamilnadu

Name: Srinivas Tamada Location: Chennai, India but now is in USA Blog: Blog Niche: Ajax, PHP, Web Design. ...


Abbreviations Acting choices actress-actors addons ads adsense drawbacks advantages advantages of chennai Advantages of Links directory advantages of plastic cheppal stand advices affiliates all ads amazon android articles asp ASP dot Net design issues astrolgy autobiography automobile avoid hacking avoid snake bite backgrounds banners BCS Best category for best collections best PPT Presentations best things biodata blog Blog Advertising blog stats blogger blogger drawbacks blogs Browser errors Browser Issues bus ticketing machines business business loss Business Plan Business rental business wise drawbacks Buying Expired Domains capgemini Car buying tips certified professional cheat frauds Cinema industry cities clients Closed IT/Software companies closed websites codings Commented topics of my blog comments companies Construction contacts Copyright creativity Credit Card Prefix Numbers css CSS drawbacks CSS elements combination CSS errors css ID rules css limitations css links css selectors Cute babies cv demonetization design category disclaim DNS error Documentation domain drawbacks Drawbacks in Madurai bus stand drawbacks of legins drawbacks of strike drawbacks_others duty education electronics emails embedded empty post emptyland Error Code and Message eshop Extra expenses Face detection apps use family FAQ FENG OFFICE finance loans firecrackers firewall nonblockable sites food For sales Free fresh content friends fun general - new - temp GHS girls google google Ads Google Adsense Revenue Sharing Sites government GPS merits graphicsbg Green earth Hacking Methods hand held machines handicapped reservation header wordings health Helpful Slogams HM home shifting how to avoid social media spam HTML html encoder HTML5 website layout IBM IDEA IE IE problems india infosys internet Internet/Social Media Marketing interview questions ISBN IT hardware products for rental IT Hardware-software ja jallikattu javascripts job job analysis joomla KSRTC kvic links links_background verification websites links_blogs Links_certifications links_different websites links_letterwise Links_mobile websites Links_My Designs links_my SMM links_other states Links_Product_brand websites links_Reciprocal Links links_SEO/SEM links_Tamilnadu links_tenders links_tools links_UI design links_use for all* list list of industrial estate list of IT parks list of toll free numbers M2M Madurai Madurai 2020 Mail box folder maintenance Malayalam Malayalam movie my reviews manjula miss Manufacturing Industries marketing marketing ideas me at divisional sports MNC site bugs mobile monthly extra Multiple options in codings my my achievements my achivements My advt - ads My all ads My best collections my best ideas my comments My cousin's post in FB My donations my friends with actor actress My Google dashboard My horoscope my linkedin profile My online interview My Portfolio my posts links My questions my SEO experience my social media profiles my stack overflow profiles My Stackoverflow site answers My works Names nested html Netscape Navigator new blogs New build house for sale New Concepts news online earnings online generators online scams open office drawbacks Open source Opera orkut drawbacks Others view our grandparents Our ID and Numbers outsource statistics own ideas own ideas_aboutme own views page pixel collapse when scrolling in firefox Page Speed Performance parallax scrolling websites Partners Personals photos Photos - art Photos_actress photos_screenshots PHP plans Plots for sale poems policy Pollution Facts powercut Powerpoint press release Problems and solutions - ATM Problems and solutions - Education Problems and solutions - Hardware Problems and solutions - Mobilephones Problems and solutions - NGO Problems and solutions - Software Problems and solutions - Website problems in browsing center/internet cafe Products programmers problems programs proxy software Quality guidelines Rajamani realesate reasons for power shortage Recent comments relatives relatives business resume RS 232 dotmatrix printers rti sales SBI search engine search type websites security Security Alert regarding Serious CMS Attack SEM portfolio SEO Difficulty SEO for blogs SEO portfolio SEO tools SEO-SMM-ORM Plan SEO/SEM sil ads Site Tags siteworth slogans SMS benefits Social Interest - public use social media marketing Social Media Optimization social media widgets softland-palmtec software errors Software Testing Softwares solairaja sports SQL SQL queries stars statistics stop software patents tablet Grip and interaction Tamil - Tamilar - Tamilnadu TATA TCS technicals Technology tenders Testing Tips text magics Thanks Things to do before you die in India Things to Watch in 2014 thirumalai Tips Tips - Buseness tips Tips - Health tips Tips - life tips tips for demo video preparation Tips for doing SEO/SMM Tips for Good-Employee Tips for HR Tips for old money top 10 adsense earners in tamilnadu tours Travels TV UI Certifications Q & A UI design useful best software latest versions Useful websites for HTML Developer videos visa vista icons w3c standards wallpapers ways to find a job Web design Web design and developments Web developments Web Services web UI design shapes webhosting Website Features website templates Widgets collections Yahoo சுயசரிதம்

:: Useful web links List