A couple of years ago, when HTML5 WebComponents were new, Polymer was just conceived and I was still experimenting, I created a nice Parallax component based on Mozilla X-Tag – one of the first libraries/framework, built on top of the WebComponents API. The component came out to be pretty popular and as time passed by … Continue reading “Parallax Component for VueJs”
Nothing serious this time, just a small fun HTML5 WebComponent, inspired by BS Generator, stitching-up (bullshit) sentences out of random buzzwords: Usage: [sourcecode language=”html”]<acidjs-xbsgenerator></acidjs-xbsgenerator>[/sourcecode] The component does not have it’s own methods, setters, getters or styles. Just use the tag wherever you want. If you share the same interest towards HTML5 Web Components as I … Continue reading “Corporate BS Generator HTML5 WebComponent”
AcidJs.XCookieConsent is a ready-made, fully customizable solution to the EU Cookie Law, wrapped as a custom HTML5 Web Component. The component is being used on this blog as well. If you have dismissed the cookie consent bar, click the button below to open show it again: Show Cookie Consent Bar Using the Tag * First, … Continue reading “EU Cookie Consent HTML5 Web Component”
The HTML5 Web Component for today is a wrapper for Google AdSense ad blocks as a custom tag with a few HTML attributes, methods and accessors. Before you Start Using It This demo page should be deployed on a web server. HTML5 WebComponents do not work from the local file system. Your ad blocker should … Continue reading “Google AdSense HTML5 Web Component”
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”
During the last couple of days I worked hard on some new features for elevenrack.net, which I hope will improve the user experience of the website and will drive more visitors and users. I am happy to share the latest additions today. Improved Search The search functionality now supports search by letter, artist and preset … Continue reading “Open API, HTML5 Widgets, Improved Search, Session Caching and Favorites Bar for ElevenRack.net”
A new HTML5 Web Component has just joined my ever-growing collection of custom tags. Meet AcidJs.XChmod – a HTML5 Web Component that can be used to set/display the CHMOD settings of a file. Since it emits a client-side event which returns what is currently set it can be easily connected to a server-side script. It … Continue reading “X-CHMOD: HTML5 Web Component”
Happy New Year everyone! I wish to you and your families all the best during the new 2015 and thanks for reading my blog! For me, 2015 started with a new website. I just released my new Avid Eleven Rack Presets and Rigs sharing and community platform – a project that I worked on during … Continue reading “Avid Eleven Rack Presets and Rigs Sharing Platform”
Glad to announce that a new HTML5 Web Component has joined my gallery. Meet X-Lang – a language selector, wrapped as a custom tag, with small powerful API and custom events, utilizing another HTML5 endeavour – X-Flag. Usage [sourcecode language=”html”]<acidjs-xlang id="lang-01"> <acidjs-xlang-culture label="Deutsch" code="de"></acidjs-xlang-culture> <acidjs-xlang-culture label="English" code="uk"></acidjs-xlang-culture> <acidjs-xlang-culture label="Bulgarian" code="bg"></acidjs-xlang-culture> <acidjs-xlang-culture label="Czech" code="cz"></acidjs-xlang-culture> <acidjs-xlang-culture label="Malti" … Continue reading “X-Lang: Language Selector HTML5 Web Component”