Inspired by this awesome solution, I just released a new HTML5 Web Component, recreating the layout and controls of e-book readers. Enter the X-Reader. The Markup [sourcecode language=”html”] <acidjs-xreader id="book-1" booktitle="A Clockwork Orange" author="Anthony Burgess" source="books/a-clockwork-orange.html"></acidjs-xreader> <acidjs-xreader id="book-2" booktitle="Nineteen Eighty-Four" author="George Orwell" controls width="800" height="600" source="books/nineteen-eighty-four.html"></acidjs-xreader> <acidjs-xreader id="book-3" width="320" height="240" defaultpage="1" source="books/lorem.html"></acidjs-xreader> [/sourcecode] HTML Attributes … Continue reading “Ebook Reader HTML5 Web Component”
Following last week’s release of Ribbon JS 4 and its new website, I decided to provide one more option for ribbon initialization along with the JSON configuration. Instead of composing a relatively complex JSON object, developers using Ribbon JS are now able to create ribbons as HTML5 web components through a simple custom HTML tag. … Continue reading “Ribbon JS 4 is Now Also Available as a HTML5 Web Component”
AcidJs.XIcon is another (hopefully) useful HTML5 Web Component for generating icons as custom tags using the amazing icon set of Font Awesome. Usage [sourcecode language=”html”] <acidjs-xicon name="home"></acidjs-xicon> <acidjs-xicon name="spinner" spin size="2x"></acidjs-xicon> <acidjs-xicon name="shield" rotate="90" size="3x"></acidjs-xicon> <acidjs-xicon name="facebook" flip="horizontal" size="3x"></acidjs-xicon> [/sourcecode] HTML Attributes of the Tag Apart from the standard HTML attributes (style, class, id, etc.), … Continue reading “X-Icon: HTML5 Web Component for Font Awesome”
A few months ago I blogged about a fun experiment, explaining the creation of animated 3D chessboard and pieces with CSS3 and UTF characters only. Following my recent excitement and play with HTML5 Web Components I reused the CSS from the example and extended it to a custom tag, which when used as a simple … Continue reading “X-Chessboard: HTML5 Web Component”