Unleashed Technologies - Unleash your potential

4 Hidden Chrome Features for Web Developers

codell — Tue, 14 Feb 2012 16:33:37 +0000

Google Chrome is my favorite browser for frontend development and debugging. The built-in developer tools are fantastic and easy-to-use. But Chrome has some other less-obvious features that can make development a breeze.

1. Copypaste text only

Have you ever tried copypasting something from Chrome or Word into Gmail or your CMS editor? If so, you've probably noticed all the HTML, funky characters and CSS styles are copied with it. You could paste into Notepad and copy back out, but that's an extra step. Instead of using Ctrl-V to paste, try Ctrl-Shift-V next time - only the text will be pasted, saving you from intermediary steps or manual style cleanup.

2. HSL switcher

When styling a website, you may find yourself playing with text, border and background colors. Unless you're a genious and memorized all the codes, doing this with typical RGB can be a headache.

Instead, locate the element and style in your inspector. See the colored square that previews the current color? Click that until it changes to "hsl". In HSL mode, you can directly change the hue, saturation and brightness. Once you find the right color, click the color preview again to get the RGB codes!

3. Preview/Edit State Styles

Many sites use CSS states like ":focus" or ":hover" to apply different styles to elements. But tinkering with the styles can be difficult, if not impossible, to edit without keeping the element in that specific state as you work.

To make it easier, Chrome has a "Toggle Element State" button that let's you select which states to apply so you can work on the CSS.

4. Event Listeners

If you are using JavaScript for frontend UI, chances are you've bound events to different elements on the page. You can easily see which elements have which events bound, making it easier to debug them. To see these, select the element in your inspector and expand the "Event Listeners" accordion.

Appealing to the Impulse Buyer

mcurtin — Mon, 30 Jan 2012 17:20:50 +0000

When thinking of ways to improve conversions for an online storefront, there is one method that is both easy to implement and often overlooked by storeowners. This is the concept of cross-selling and up-selling. This is an excellent way to appeal to an impulse buyer in a subtle manner to encourage additional purchases. Cross-selling and up-selling can be utilized by online stores of all sizes and types.

Cross-selling is the recommendation of products that compliment the product that is currently being viewed or has been added to the cart. For example, if the shopper were interested in purchasing a winter jacket, then some cross-sell items would include gloves, winter hats, scarves, and other cold-weather apparel. Any product that is similar to the item of interest can be included. Up-Selling is the act of presenting more high-end versions of the same product. The customer visited the online store to buy a particular winter jacket, yet the warmer, more expensive jacket sparked their interest. Both cross-selling and up-selling are simple concepts for the store administrator and will likely lead to more conversions. If this is done correctly and implemented well into the design of the store, it will enhance the customer’s shopping experience as well.

Implementation of Cross-sells and Up-sells

The location of cross-sell and up-sell items within a store is key to their success. Typically, we will see up-sell products in the main body of the product information page. When a customer has found a particular product, the up-sell products will be listed under the product photos and description. The up-sell section of the page can include photos and links to more premium products while still being positioned under the main content to avoid interfering with the shopping process.

Cross-sell items are usually seen on the cart page of the store. This list of items will be generated from the items that have already been added to the cart. The goal is to generate an impulse purchase from a customer that is prepared to checkout. The cross-sell items can be displayed subtly on the sidebar of the cart. Again, this prevents this section from interfering with the listed items in the cart while staying prominent enough to catch the eye of the shopper. It is surprising how often the customer will decide to throw a suggested item into their cart at the last minute.

Amazon does an excellent job of cross-selling on the cart page. The cross-sell items are under the main cart, but are in a good location to attract an impulse buy.

Techniques to Avoid

While implementing cross-sell and up-sell products can increase an online store’s productivity, doing this incorrectly can be detrimental. Here are a few things to avoid:

Unrelated Items
Cross-selling and up-selling unrelated items can appear unprofessional and can be a huge turn-off for the shopper. Ensure that the list of items is relevant to the shopper.
Lack of Imagery
A simple list of links will not do the job. The customer needs to see product photos in order to be persuaded. Implementing image thumbnail previews of the cross-sell and up-sell items will do the trick and will not take up too much page real estate.
Difficult Navigation
Make it easy for the customer to learn more about a cross-sell product while staying on track with the checkout process. The customer should be able to navigate quickly back to their cart after viewing a cross-sell product. Allowing the customer to add a cross-sell product to their account “wishlist” might be effective as well.

The eCommerce Platform is Key

Adding dynamic lists of up-sell and cross-sell items to your store may require some heavy developing. Many eCommerce platforms being utilized today allow site administrators to define these items with the click of a mouse. Product relationships can be defined easily through tagging and category organization. At Unleashed Technologies, we recommend the Magento eCommerce Platform. This platform allows our team to develop well-designed and efficient online stores that provide cross-selling and up-selling as a built-in feature. Contact us today to learn how the powerful Magento platform can improve your online conversions.

Online Privacy: Stop and Think about your Browsing Habits

utadmin — Fri, 27 Jan 2012 15:52:06 +0000

Early on the week of January 23rd, 2012, Google announced a substantial change to their privacy policy across most of their applications. You can read it here. In a nutshell, Google now makes it very clear that that they will collect your name, address, telephone, IP address, device information, location, browser information, search results, and Gmail messages to associate them with one master account. This new privacy policy is a big step because it allows all of Google's applications to share your information liberally. By doing this, Google will know exactly who you are whenever you use its products.

Now, you may ask why this is even an issue as aren't Google's services tracking this information independently anyway, and that’s a valid question. What it really comes down to is how much you as an individual value your privacy and anonymity. Do you want a single company to have a record of everything that you do online? If you don’t mind in any way, then Google's new policy will provide you a benefit. More targeted ads and more personalized information will streamline your online experience. However, this comes at the cost of maintaining your privacy. Why should a company track everything that you do? Privacy is not just for criminals or people conducting fishy activity, you as an individual have a right to keep your personal activity your business if you so desire. Keeping your information private helps knock out spam, prevent identity theft, and keeps unwanted people or organizations from finding out sensitive information about you.

While the information being collected by Google as a result of this new privacy policy is not unheard of by any means, it does bring up the internet-age-old question of what to do if you want to maintain due diligence in keeping your private information hidden online. In fact, there are a number of relatively easy ways to use the web as you always do, but to make sure that people aren’t getting your information unintentionally. A few examples are:

DuckDuckGo | About DuckDuckGo – An example of a search engine that doesn’t store or track any information about you whatsoever.
NoScript / NotScripts – Add-ons to your browser that give you full control over the what kind of Javascript is loaded on your machine. Javascript is one of the biggest culprits in obtaining information about you without your knowledge, and controlling exactly which sites can run Javascript on your machine can help keep your information out of the internet ether.
Tor – This is a bit more advanced than the two above, but Tor it is a program you install on your machine that sends all internet communication through “a distributed network of relays run by volunteers all around the world: it prevents somebody watching your Internet connection from learning what sites you visit, and it prevents the sites you visit from learning your physical location.”. Basically, it prevents IP tracking, which is the basis for determining from where and who any piece of traffic is coming.

At the end of the day, online privacy concerns must be shouldered by an individual's reason. At the end of the day, would you rather have your information haphazardly spread across the internet in a multitude of databases so you can receive better ads and personalized information, or would you rather know exactly who has your information, why they have it, what they will do with it, and the ability to remove it should you desire to do so?

P.S. If this is the first time you have really considered online privacy, you might want to take a look at these more in-depth tools and tips for better privacy browsing practices or for removing your private information from the internet:

http://www.cdt.org/privacy/guide/basic/tips.php - A good, succinct list of privacy tips
Abine - They provide a wide range of privacy application, including a service that will remove your information from various online People Searches.
A Proxy Server – This is a great Wikipedia entry. Proxy servers mask your IP address much like Tor does, but are more powerful.

Drupal 7: The Social Media Module

bguarino — Wed, 25 Jan 2012 22:47:26 +0000

The “Social Media” module for the Drupal 7 platform is a great tool for website admins to take full advantage of social network integration. It helps connect your website with social media sites such as Twitter, Facebook, Myspace, digg, Linked In, and Google+, just to name a few. Lending you total control over commanding your centralized hub of profile information as well as powerful options for utilizing widgets and plug-ins such as follow, like, and share buttons, it is easy to see why it has its advantages.

Below is a quick walkthrough on how to install the module into your Drupal 7 platform. Take a look and feel free to leave comments regarding any thoughts or experiences you have regarding the “Social Media” module for Drupal 7. You can also find more documentation @ http://drupal.org/project/socialmedia.

Getting Started:

The Social Media setup wizard will take you through a few easy steps and get you on the social networking path quickly. Click here to [Watch the video tutorial].

Step 1: Install the “Social Media” module
Step 2: Install the “Widgets” module
Step 3: Launch the setup wizard (Note: If you installed through the App menus, the setup wizard will automatically load up. If you do a traditional installation, go to: admin > config > media > socialmedia and click the + setup wizard quick link.)
Step 4: Simply follow the 4 automated steps the wizard will take you through:

Setup your “social media profiles”
Configure the “profile links” widget
Configure the “sharing” widget
Set location of the profile, sharing and other social media widgets on your website

Standard Usage:

(more usage options listed here: http://drupal.org/project/socialmedia )

Module Configuration:
Go to admin > config > media > social media and then select which social media platforms you would like to support on the website.

Site Profiles Setup:
Click on the Profiles tab (admin > config > media > social media > profiles) and enter the information for your social media profiles. These profiles are the main site profiles. User level profile settings are described below.

Review/Configure Widgets:
Widget sets are an easy way to organize and configure social media widgets into a group. The social media module provides multiple variations of default widget sets. If you would like to review them, simply visit the widget set admin menu: admin > structure > widget sets. Select a preset, or customize them by overriding. You can even build your own from this interface.

Display Widgets In Blocks:
Blocks are the primary way to display most widgets. Use the block admin: admin > structure > blocks or your preferred method of displaying blocks (e.g. Context or Panels) to place widget sets.

User Profiles:
You can setup users with the Administer own profiles permission to manage their own set of user level social media profiles. Widgets can be configured to switch to user level profile data on nodes (for the node author) and user pages. Enable user level profiles on the social media configuration page admin > config > media > social media. A Social profiles tab will appear on user pages for people with the correct permissions.

Required:

There are no required modules for this application.

Recommended:

Widgets - enables widgets to be grouped into tokens and blocks.
Token - Displays list of available tokens. Makes it easier to know what tokens are available.

Options:

Token filter - enables tokens to be used in filtered content such as node bodies.

For more information on sponsorship and current development status visit the source: http://drupal.org/project/socialmedia

Relating Content Makes for Engaged Members

mspinosa — Tue, 24 Jan 2012 16:48:27 +0000

Many Non-Profits have a hard time establishing a frequently visited web presence. There are many attributes that contribute to this but perhaps the most important is the relation of different content types (i.e. - Video, Blog Posts, Articles, Research, etc).

Most people visiting a website, whether direct or through search, already know what they are looking for. In that process, they want as much content pertaining to their inquiry. Your ability to deliver will decide how often they return to your website. This is particularly true when your non-profit is focused in a well-defined mission such as breast cancer, military topics, or the construction industry.

While I could give a detailed technical brief on how this is accomplished, perhaps it's more important to discuss what is not going to serve your non-profit/association well as you continue to grow. Here are a couple quick bullets to get you in the right direction.

You shouldn't be responsible for manually linking related content. Technology has come to a point where you can define key terms that are the underlying connector for all of your content. This is referred to as "Taxonomy" and it can be multi-tiered to any depth your heart desires. Of course you want to make this as simple as possible for the visitor/member of the website. Automation of this process can vary based on the archives of content you have or quite frankly the level of automation and control you want associated to the content insertion process.
Related content shouldn't be confined to any one type of content. Limited platforms that are custom or older often don't have the ability to associate different types of content delivered in different formats. Even though an underlying taxonomy may exist; you can't link your short clips, video, or blog posts even though it might be related to a recent research study your group produced. This is very annoying. Make sure you utilize a content management system robust enough to make these inter-relations such as Drupal.
Cleary Identify what type of content it is. Now we're focusing on the presentation of the related content. It's a huge benefit to your readership for them to distinguish the different types of content that you feel are related to what they are reading. If you have four distinct types of content through the website, combine like items and separate the others out into their own "blocks" for viewing. For instance, if they are reading a featured article on the web from one of your magazines you may have two blocks presented to the reader on the left or right of the content (this is entirely dependent on your sites design and layout). One could combine two different but similar types of content such as “Related Blog Posts and Articles" and "Related Videos". On the video block you could include a small thumbnail with the title for the related items so that the reader can instantly recognize that it is media based content without having to do a detailed investigation.

Actions and Results

The result is that a little pre-planning on how you'd like to inter-relate your content goes a very long way. Leverage a platform like Drupal and don't waste money reinventing the wheel. If you have a platform that requires you to create this capability from scratch, chances are you need to upgrade your technology platform anyway.

It's very probable you'll get much better feedback from you membership and if you’re tracking with Web Trends or Google Analytics you'll most likely see your bounce rates decrease significantly in the range of 10% -15% right away.

If you having trouble getting your membership engaged, please don’t hesitate to contact Unleashed Technologies. We're here to help non-profits grow for the fulfillment of their mission to the community they serve.

Getting Your Magazine on the Web Effectively

mspinosa — Fri, 20 Jan 2012 17:29:08 +0000

Reading magazine articles on the web is different than delivering content in a print format. By addressing this simple fact upfront, magazines have an opportunity to still provide a unique experience on the web and other digital delivery platforms.

The very restricitions of a magazine are what make it possible to uniquely tailor each article. From the page count, to the maximum amount of articles allowed and the pliability of a static delivery mechanism magazines truly provide a unique experiece to every article in the magazine. But what happens when publishers lose control in the ways people read their content? When restrictions leveraged as advantage are removed?

The answer usually starts with a substantial amount if internal arguements from editors. Very poor delivery of your content online will degrade the value of it and not keep the attention of your audience. As a key challenge many magazine publishers also struggle with an effective way of getting their content online without consuming many many hours and assigning staff directly to the process.

So What's Available to Publishers for Getting Content on the Web?

The first thing you must accept is that people that read on the web today don't expect to read the same way they do from a magazine. While you love that high impact piece they are significantly more data driven wanting to get through the content much more quickly than if they we're reading the magazine. Think about when you pick up a magazine. You're usually in the comfort of your office, home, or maybe at a doctor's office casually reading through decompressing mentally from the day to day grind. When you read web content it's very nature is a much faster read, while the individual is still taking time from their day to learn more about the particular topic of the article the internet itself presents an untold amount of options and information to go through. So let's first talk about how best to display the content and setting up consistency for our readers. From that we can discuss how you can structure a streamlined article posting process that can reduce internal overhead by more than 65%.

Structure the Content

You can have one or many different views for how your article is displayed. The key is to address what's important and what defines different types of articles. Through our experience most magazine publishers have 2 - 4 unique different types of content that they publish. These types typically include featured articles, contributed articles, research pieces, and articles that didn't make it to print.

Featured Articles. These are usually much longer in length and key imagery is very important to support the articles focus.
Standard Articles. These are featured in every article and images may still be relevant for grabbing interest but it's not as critical to the magazine.
Research Pieces. This is particularly true for very focused magazines that are targeted towards a specific industry. By there very nature it's much harder to bring a standard design view to these pieces.
Articles Left Out. This is a powerful piece for leveraging FREE CONTENT on the web. Many magazines get fabulous contributions that barely miss the cut for making it into the magazine. These usually just go to waste and end up in the "rainy" day bin. The issue with that is many of the pieces written that fall into this bin (like all articles) are relevant at that particular point in time. These don't require images or a ton of supporting information.

So for each of these we can clearly deduce that "Featured Articles" needs the ability for dynamic image upload with in article images and a slide show piece that allows for readers to flip through all of the supporting images with descriptions. When we look at at "Standard Articles" and "Articles Left Out" these pieces need structured area for small supporting images in the piece but if they aren't uploaded the sites template knows how to adjust. When it comes to "Research Pieces" if it's not a recurring static report or offer a constant structure this is more difficult to plan for. However, if it's even annual you can look at ways to structure the data into a reusable format.

XML is Your Friend

There is no easy way to say this. Quark is dying and it's time to move on to a more flexible platform. There is no question that Quark's unique focus on print is a strength but time has passed this group by and it's inability to export XML (the language of the internet) has basically become it's undoing. Leveraging a more scalable and "platform" focused tool set is required for you to find the capability to transition back and forth from both the web and the print world.

We recommend Adobe InDesign as it still presents substantial power in provding high impact print pieces but also allows for definable XML. What this means in simple terms is. Once your done creating your article you can export it to XML and import it into your web presence quickly without reworking the article for hours.

Ok, Now How Do I Get This Done?

Getting the right technology firm to integrate this solution will pay for itself many times over in reduced man hours, increased web engagement, better options for subscribers, and attracting new ones for both print and online versions. Our experiences working with some of the larger publication and periodical groups have proven this in a real world environment many times over. If you'd like to learn more about the different options and solutions please don't hesitate to contact the Unleashed Technologies team.

In a fast paced and quickly changing environment for how people want their unique content delivered it's truly and evolve or die situation for those focused on their magazines.

Are E-readers and Tablets the Future for Magazines?

pjessup — Wed, 18 Jan 2012 20:10:58 +0000

It's too early to say, but the way things are heading I'd say a resounding yes. E-readers and tablets can grab new issues of magazines and charge accounts with little involvement from a user. They just turn on their device and presto! A new issue of The New Yorker is downloaded instantly without even raising a finger. It's a win-win situation for both publishers and readers. There is less overhead for the publishers, and the readers get the magazine they want on the day of publication. No longer waiting for deliveries, no longer tipping pesky paperboys. This is the wave of the future.

At first you might think that this is just the internet all over again, and the internet hasn't killed print magazines (yet). But there is a huge difference between the internet and grabbing magazine content on different portable readers: monetization for the publisher. As everyone knows, making money off web content is diffuclt. It's not impossible, it's just not easy or simple and it takes time and patience and work. Monetization of a magazine sold via the Kindle or Nook store is instant. Readers have to subscribe in order to get access. These e-readers remove the most common problem to monetization of magazines online: the expectation that content should be free.

The internet is slowly moving away from the information should be free frame of mind to one that supports and pays artists, writers, and publishers. Websites like Netflix and Hulu are leading the way, pushing people towards a pay for content model. But the move towards this framework is slow, while there is no expectation for free with an e-reader or tablet. People expect to pay for content on these devices, since that's the de-facto standard.

More magazines should take advantage of the Kindle and the Nook and get their content online and available for download. Subscriptions on Kindle and Nook are both time consuming processes to get started, but once you've got them set up and approved the benefits are quick and powerful. And, with more and more e-readers/tablets taking advantage of the e-pub format you can start selling your books directly from your website, easily cutting out the middle man and making more profit.

This is the future, and it looks great for both readers, writers and publishers.

eCommerce Done Right

mcurtin — Fri, 13 Jan 2012 14:47:36 +0000

When planning to design and launch a new online store, it is imperative that you evaluate some of the big names in eCommerce to see what elements make them so successful. What elements of their online shopping experience keep customers coming back and keep conversions high? In this post, I would like to highlight a well-known online store and point out some features that enhance the buying experience for their customers – the Nike Online Store.

Product Organization & Navigation System

When discussing eCommerce, I cannot emphasize the store navigation enough. The first step to a successful store is allowing the visitor to find their desired items easily and quickly. With thousands of products for any type of athlete, The Nike Store is a great example of a well-designed and well-organized online store. The accordion-style navigation on the left panel of the site is simplistic, but it does an excellent job of organizing the wide variety of products in stock. Once the customer has found their category of interest, the store utilizes large product imagery to push them in the right direction. If a particular category is selected, such as shoes or clothing, there is a secondary navigation system that allows the user to filter the products by color, model, sport, etc. While the store integrates callouts for particular product lines and deals, everything remains streamlined and easy to find. The final navigation incorporated into the site is the account links at the top of every page. Having links to customer accounts (or cleverly named “my locker”), order status, and cart all encourage visitors to create an account with Nike and interact more with the site.

On the Nike Store, all of the products can be found in a well-organized accordion menu down the left side.

Individual Product Details & Information

The individual product page is another aspect of the Nike Store that sets it apart from other online shopping environments. Whether the customer has selected a particular jacket or a pair of new football cleats, the store provides them with unlimited information about the product. The product page features a detailed product description with suggestions for additional products, information regarding the technology utilized for the product, sizing guides, and a long list of product reviews all organized in tabs. The customer can quickly gather all of the information they need in order to make the purchase without leaving the page.

Once I have found the products I am looking for, I can now filter my search even further.

While viewing a jacket, I can select a tab on the product page to view a fitting guide -- one of many product detail tabs.

Help Section & Customer Service

Another important aspect of an online store is customer trust. The best way to gain the trust of your online shoppers is to provide a section of the site dedicated to answering questions regarding site security, product details, shipping, or technical difficulties. Nike has accomplished this with their “Get Help” section. This area of the site makes it easy for any user to look through a long list of frequently asked questions. This section of the site also features a separate search bar to aid customers without making them dig too far into the support pages. Customers can chat with a live support team, email the Nike support team directly, or even schedule a call from Nike for assistance.

The Nike Online Store is a good example of eCommerce done right. Obviously, this is a high-end example of a store with thousands of products and attracts visitors from all over the world. Nike is using several custom built tools that are not typically seen in an online store. An entire blog post could be dedicated to discussing the greatness of the NikeiD section (area of the site devoted to customizing select Nike product lines) alone. The goal of studying sites like these is not to mirror them, but to implement some of the subtle ideas and techniques that they use into your existing project. As a designer, the Nike Store has been a source of inspiration.

IE6 is Dead, Mobile Devices on the Rise

codell — Thu, 05 Jan 2012 17:35:23 +0000

Almost two years ago I posed about Microsoft encouraging users to upgrade from IE6 due to security vulnerabilities. In an effort to educate users and encourage them to upgrade, they created www.ie6countdown.com. According to a recent post on the Windows Team Blog, "the United States has joined the ranks of Austria, Poland, Sweden, Denmark, Finland and Norway in dropping below 1% usage of IE6" (emphasis mine). Global usage is at 7.7%, mainly due to its widespread use in China (25%). Although IE6 usage has dropped off significantly, Internet Explorer is still a very popular browser.

We're seeing an opposite trend with mobile devices growing - according to the same source, mobile hits account for more than 7.7% of web traffic and continues to grow. Because of this rapid growth, many businesses are creating mobile versions of their site as well as custom apps that visitors can install on their phones for a richer experience.

I'm glad that people are upgrading to safer standards-compliant versions. For web design and development firms, IE 8 & 9 are much easier to support than version 6, which means they can put more effort into creating rich, intuitive sites using the latest in web technologies (like HTML5). These technologies are also supported on many mobile devices; visitors can get the full site experience whether they're at their desk or on the go. And when it comes time for an organization to create a mobile site, the existing codebase can be reused which reduces development costs while still providing a rich mobile experience.

HTML5 Review: Will HTML5 Replace FLASH?

bguarino — Mon, 19 Dec 2011 17:30:04 +0000

Once again we are witnessing the game change before our eyes. Whether you are a web designer or a web developer, you can't help but get excited when you consider the possibilities of HTML 5. From advanced animations and 3d effects to data presentation and interactive application interfaces, it's no surprise companies like Adobe © are putting heavy focus on developing new concepts and powerful tools to command this new weapon of mass attraction.

In the past we have experienced the walls of limitations with only a few options to command for production of online products utilizing animations, steaming video, and live dynamic data, especially with mobile devices. Programs like Adobe © FLASH © and Microsoft © Silverlight © have certainly helped to pave that path for this world, but can only take us so far with performance and online capability when we consider the multiple platforms on which users will interact online.

With the vast increase of online businesses and social media over the last decade, we have also inherited a need for focused and enhanced interactive ability as well as browser compatibility for various platforms and devices. Using various combinations of HTML 5, CSS3, and JavaScript we find there are alternatives afforded to us for many of the solutions needed to address a large amount of these needs.

Will HTML5 replace FLASH?

I think in many online instances HTML5 will replace FLASH. However FLASH still holds power as an animation and software development tool. So I think the conclusion will depend heavily on whether or not the community has needs for maintaining web presentations or "stand-alone" applications. I think Adobe will agree that HTML5 is the future of online interactive user interface.

Below you can preview some of the exciting new features to take advantage of in HTML 5. The samples include examples of 3d effects, animations, games, and data presentations.

Spread:

AudioBurst Animation:

Ball Pool:

Sketch Pad:

Gnuplot:

RGraph:

The Cloth Simulation:

Canvas3D & Flickr:

Canvascape:

Bomomo:

Browsers that support HTML 5:

Mozilla Firefox, Google Chrome, Apple Safari, Internet Explorer, & Opera.
(In most cases you will need to update to the latest version of your current browser to take advantage of the HTML5 and CSS3 resources.)

HTML5 Browser Compatibility Chart:

http://www.findmebyip.com/litmus/

HTML 5 Browser Test:

http://html5test.com/