January 7th, 2010 by Prabhjot
So where do we go from here? What is next for XHTML?
XHTML 1.1 is essetially the “strict” DTD from XHTML 1.0…It drops all the deprecated elements and attributes from XHTML 1.0, and makes a few other tweaks (eg: common LANG attribute dropped in favor of “xml:lang”, and the addition of the “RUBY” element module.) XHTML 1.1 is designed to be strongly geared toward the document structure, with presentation details to be left to style sheets.
Frankly, XHTML 1.1 may be a little ambitious for many authors at the current stage of browser development, but it is definitely a milepost of where web authoring has been attempting to head for many years: a clear separation between document structure and appearance. XHTML 1.1 finally declares that the time for this separation has come.
Posted in Design | No Comments »
November 27th, 2009 by admin
A design is just not about putting some graphics and fonts together. Some areas where potential designs can loose out on are:
Impact
Does the design give the key message. Does it communicate the purpose of the site to the user? The website design should be such that at a glance the visitor can identify the site with a product or a service.
Cohesiveness in the design
The elements on the screen should be consistent with each other. They should naturally flow into one another. Each element should maintain a consistency with another and not “stand out” in the crowd.
Graphic quality and fonts
The quality of graphics used speaks volumes. Clean graphics stand out and keep the focus and add a positive impact on the site. Similarily illegible fonts will not encourage visitors to rtemain for very long on the site.
Misuse of Contrast
Contrast should be created only if you want to create a focal point. Too much contrast without a purpose can be initmidating.
Not keeping content in mind
The design should be designed around the content. Most often the content is an afterthought and placed once the design is complete. This tends to give the page an incomplete look.
Posted in General | No Comments »
November 27th, 2009 by admin
For those suffering from “caffeine withdrawl” - can now check how their site fares on the caffeine syatem. Though Google had pulled out from the earlier location, it has been announced that the new system will be rolled out during the holidays. So now you can look forward to the daily dose of caffeine!
Posted in General | No Comments »
November 12th, 2009 by admin
Twitter, Facebook can be accessed on your Xbox 360. The software update is free. You no longer have to go use the phone or your computer to share info. This will hopefully allow for quicker and more user-friendly access to the social networking sites.You can save screen shots from Xbox 360 games, then let players upload those game moments via Facebook Connect to display online.
Features available include:
Facebook:
- Allows integration between your Xbox Live friends list and Facebook friends.
- Update/Check Facebook status updates
- View photos
- Post screenshots/text to Facebook profile straight from games
Twitter:
- Intuitive interface
- Live updates/images
Posted in Marketing, Networking | No Comments »
September 25th, 2009 by Prabhjot
Detect browser
Although it is better to use CSS conditionnal comments to detect a specific browser and apply some css style, it is a very easy thing to do with JQuery, which can be useful at times.
1. Target anything above IE6
if ($.browser.msie && $.browser.version > 6 ) $(”#header li a”).css(”margin”, “1px” );
2. Target Safari
if( $.browser.safari ) $(”#header li a”).css(”margin”, “1px” );
3. Target IE6 and below
if ($.browser.msie && $.browser.version <= 6 ) $(”#header li a”).css(”margin”, “1px” );
4. Target Firefox 2 and above
if ($.browser.mozilla && $.browser.version >= “1.8″ ) $(”#header li a”).css(”margin”, “1px” );
Posted in Design | No Comments »
September 21st, 2009 by Prabhjot
Preloading images
When you’re using images in Javascript, a good thing is to preload it before you have to use it. This code will do the job:
jQuery.preloadImages = function()
{
for(var i = 0; i").attr("src", arguments[i]);
}
};
// Usage
$.preloadImages(”image1.gif”, “/path/to/image2.png”, “some/image3.jpg”);
Posted in Design | No Comments »
