X-Gravatar: HTML5 Web Component for Displaying Gravatar Profiles

HTML5, CSS3 and JavaScript

The Fine Art of Web Development by Martin Ivanov

I’ve just added a new component to my HTML5 Web Components gallery. X-Gravatar is a custom tag, using Gravatar‘s REST API to display Gravatar profiles.

thumb

Usage

[sourcecode language=”html”]
<acidjs-xgravatar mode="full" hash="14804fe005220d42595e1c2adb65c658"></acidjs-xgravatar>
<acidjs-xgravatar mode="compact" hash="johnsmith"></acidjs-xgravatar>
<acidjs-xgravatar mode="minimal" hash="johndoe"></acidjs-xgravatar>
[/sourcecode]

HTML Attributes

Apart from the standard HTML attributes (style, class, id, etc.), the tag also supports the following component-specific attributes:

JavaScript Methods, Getters and Setters

The component does not expose any custom methods, setters or getters and all standard JavaScript APIs are supported.

Have a great weekend, and don’t forget to check the demo on this page.

If you share the same interest towards HTML5 Web Components as I do these days, make sure you read my relevant blog posts and further endeavors on my HTML5, CSS3 and JavaScript Experiments and Insight website.

Categories and Tags
Links

© 2006 - 2023 Martin Ivanov