Posts

Showing posts from June 28, 2009

Rendering Mode and Doctype Switching

"Standards" mode versus "Quirks" mode Link:  http://www.communitymx.com/content/article.cfm?cid=85fee Generally, there are two choices for rendering mode, "standards" mode and "quirks" mode. In "standards" mode, a modern browser will do its best to render the document according to the W3C recommendations, even if it leads to unexpected results. In "quirks" mode, a modern browser will try to handle an (x)HTML document like older browsers from the mid-to late '90s did. It will do its best to imitate the parsing, rendering, and bugs of earlier browsers when encountering sloppy or invalid code authoring. And, it will display those quirky pages in the same way as those earlier browsers do. So how does a browser decide whether it should use "standards" mode or "quirks" mode? Why, by examining the doctype, or lack thereof on the web page. Depending on the doctype present in the (x)HTML document, the br...

WEB 2.0 : Usability: Experience -Part I

Web 2.0 "Web 2.0" refers to a second generation of web development and design , that facilitates communication, secure information sharing, interoperability, and collaboration on the World Wide Web.  Web 2.0 concepts have led to the development and evolution of web-based communities, hosted services, and applications such as  social-networking sites ,  video-sharing sites ,  wikis , blogs ,  mashup  and  folksonomies . Open Data Open data formats No data lock-in or walled gardens User created data User owns their own data Ability to use data outside the confines of the application Data used across devices Rich User Experience Easy to use Pleasurable to use Build social networks Rich user interface Functions like a traditional application Core Web 2.0 Technologies Open data through API's and web services RSS Ajax Web Standards (DOM Scripting, XHTML, CSS) Web 2.0 Revolution Using existing technologies in new and innovative ways Change in the way people view the...

Understanding JSON

What Is JSON? JSON  is short for  JavaScript Object Notation , and is  a way to store information in an organized, easy-to-access manner.  In a nutshell, it gives us a human-readable collection of data that we can access in a really logical manner. Storing JSON Data As a simple example, information about me might be written in JSON as follows: var  jason =  {        "age"  :  "24" ,       "hometown"  :  "Missoula, MT" ,       "gender"  :  "male"   } ; This creates an object that we access using the variable  jason . By enclosing the variable's value in curly braces, we're indicating that the value is an object. Inside the object, we can declare any number of properties using a "property-name" : "property-value"  pairing, separated by commas. To access the information stored in  jason , we can  simply refer to the name of the property we need.  For instance, to access information ...

Good design from Great design.

Image
Fantastic advice! This is basically a cheat sheet for the young designer on what separates good design from great design.   Not to mention… a reminder to designers who have been doing it for years . LINK:  http://buildinternet.com/2009/06/five-minute-upgrade-making-your-design-pop/

Questions for Web designers.

Every designer should ask themselves to keep the answers with them always. 1. When and how did you get started in web design? 2. What is the single most important attribute/skill a good web designer must have? 3. What hard and soft skills should a web designer have? Should he/she have a degree or can you be self taught? 4. Your opinions on:     a. Fixed width or Fluid Design?     b. EMS, percentage, pixels or points? 5. What tools are a must have in a good web designer's arsenal? 6. Any advice to budding and beginning web designers? I am sure you will find yourself interesting in your job, if you have the right answers. I welcome your answers as comments .

What is VirtueMart?

Image
VirtueMart is an open source e-commerce component for Joomla!.  It enables Joomla site administrators to build a product catalog, confgure payment and shipping methods, and allows the selling of products online.  Like any other shopping cart (such as osCommerce, Zen Cart, Magento, and so on),  VirtueMart allows administrators to confgure the shop,  confgure the selling workfow,  confgure the payment and shipping options,  confgure product categories and catalog, and manage customers and orders.  However, the difference between VirtueMart and shopping cart applications like osCommerce and Zen Cart , is that VirtueMart runs as part of Joomla! CMS. It is fully integrated to a Joomla! site, shares the same authentication and authorization mechanism, and also the same look and feel of the Joomla! site. osCommerce and Zen Cart can run independently, but VirtueMart cannot run independently (it runs as component of Joomla!).  General features Secure Sockets Layer  It uses the sec...

WordPress as intranet : introducing-prologue

Image
http://en.blog.wordpress.com/2008/01/28/introducing-prologue/ I just happened to see a really cool new wordpress theme that will make you site function like a mini twitter. It could have pretty cool group and collaborative implications. The theme is called  Prologue and it was created by Automattic (creators of Wordpress). Basically how it works is when someone has the ability to post to a blog they see a short form at the top of the home page with a post box and tags. There they can post short messages about what they're doing. Below the posting box is a list of everyone's latest tweet or message, with their Gravatar next to it. You can click on an author to see all their messages, or a tag to see all of the messages in a given tag (which we use for projects). There are RSS feeds for everything: the entire prologue, each author, each tag, and even combination or searches can be subscribed to in your RSS reader. You can have a cu...

10 Impressive JavaScript Animation Frameworks

Image
Complex and slick  JavaScript-based animation  has been made easier with the emergence of frameworks and libraries that give developers the ability to create stunning and eye-grabbing animation and transition effects that make it easy these complex tasks. In this article, you will read about the  top 10 JavaScript-based animation frameworks and libraries  that will enable you to create engaging and captivating user experiences. 1.  $fx $fx  is a compact and lightweight JavaScript animation library which extends native JavaScript DOM methods with its own animation methods and functions. Its small file size (weighing in at only 3.7 KB), hassle-free implementation, and low learning curve makes $fx a powerful option for adding eye-popping animation effects to your web projects. Check out the  Examples section  on the  Manuals page  to see the library in action. 2.  jsAnim Created by web developer  Kevin Dolan ,  jsAnim  is a JavaScript animation framework for creating high-impact...