ambient-image is a Vue component that can be used to add multi colored shadows to images. As shown on the demos below the shadow accepts the colors of the image creating beautiful and fully configurable ambience via handy props for blur, elevation, etc. The component is on npm. You can check the demo and the … Continue reading “Ambient Image Component for VueJs”
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”
It’s been a while since I last posted here because I’ve been quite busy with daytime projects and I did not have much time for my pet projects, but finally I accomplished an idea that I had for a while. Presenting CSS HDR – an online HDR photo editor, built on top of VueJs, ES6, … Continue reading “Online HDR Photo Editor”
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”
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”
Recently I worked on an HTML5 app, utilizing contenteditable elements. According to the specs of the app, the empty editable elements were supposed to have placeholder texts and since the placeholder attribute is only supported by standard input boxes and textareas I was planning to use JavaScript to enable this functionality in contenteditable elements, but … Continue reading “Enabling Placeholders in ContentEditable Elements with CSS”
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”
A couple of weeks ago I was contacted by Webucator asking me if I’d be interested in the creation of a video tutorial with my Parallax Page Scroll Effect with Pure CSS3. No JavaScript. No Hassle blog post and experiment. Of course, I was much excited by the idea, especially when I was told that … Continue reading “Collaboration with Webucator”
Ribbon JS is turning 5 this month! If you are planning to purchase a license, now it’s the time. Join the celebration and get any commercial license for the most advanced and feature-complete JavaScript, HTML5 and CSS3 MSOffice-like ribbon control available on the Internet today at a half price only in August 2015!