Inspired by Material Design and Bootstrap and from a few other takes on modern UI, I just finished Vuecidity – a UI component library for Vue.js and a free, open source project. Vuecidity provides developers with a huge set of 30+ UI components, 24-column responsive layout grid system, styles and colors, beautifully crafted form elements and a couple of useful … Continue reading “Vuecidity – UI Component Library for Vue.js”
Icons.io is a new font icon search service project I’ve just finished. It enables instant search in several icon font providers – Google Icons, Google Material Design and Font Awesome and the list will continue growing. Built with VueJs on top of Vuetify it is fast, reliable, mobile-friendly with nice Google Material Desgin inspired UI.
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”
This is an unofficial, third party RESTful API developed and maintained by me for retrieving metal bands data (band and artist bios, discographies, line-ups, etc) from Encyclopaedia Metallum. Responses from the method calls are in JSONP format and the service is free, however providing an API key along with the requests is required. To use … Continue reading “RESTful API for Encyclopaedia Metallum”
Just finished my next experiment with HTML5 WebComponents. AcidJs.XTextarea is an advanced replacement of the classic <textarea /> HTML element, supporting custom events and auto resizing as-you-type. Check the extensive documentation in the distribution file (click the download button at the top of the demo page) or scroll this page to see the demos. Usage … Continue reading “Auto Resizing Textarea HTML5 WebComponent”
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”
Below is a quick and dirty solution for adding icons to the <option /> elements of the <select /> tag utilizing CSS generated content. Disclaimer: According to the CSS specs, the <option /> element should not support generated content, and this solution works only in Firefox. Anyways, it may come handy sometime. The Result: The … Continue reading “Adding Icons to the Option Elements of the Select Tag in Firefox. Quick and Dirty”