Almost 7 years after the release of RibbonJS, I am proud to announce my new endeavour in the ribbon UIs, called VueRibbon. Built on top of Vue and Vuetify with ES6, it offers seamless integration in Vue apps and is easy to customize and extend. Created in compliance with Google Material Design, it also provides … Continue reading “Ribbon Component for Vue”
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”
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”
The latest addition to my constantly growing collection of HTML5 Web Components has just been released. X-Panel is a HTML5 Web Component, built on top of Mozilla’s X-Tags which makes possible the creation of full-featured panel bars and drawers fun and without any JavaScript as custom tags. The Markup [sourcecode language=”html”] <acidjs-xpanel multiple> <acidjs-xpanel-drawer icon="icons/pdf.png" … Continue reading “Panel Bar – New HTML5 Web Component”
AcidJs.XHilite is a syntax highlighter HTML5 Web Component, based on Lea Verou‘s Prism.JS and wrapped as a custom tag with support for multiple languages and both declarative and async loading of the code to be highlighted. Usage: [html] <acidjs-xhilite language="javascript" height="200" width="400"> function sayHi() { return "Hello, World!"; } sayHi(); </acidjs-xhilite> [/html] Recently I … Continue reading “Syntax Highlighter HTML5 Web Component Based on Lea Verou’s Prism.JS”