One of my experiments with atypical uses of radio buttons I blogged about sometime ago was the CSS3 Driven Slides Viewer Without any JavaScript, and soon after it was published, became one of my most popular posts, but busy with other stuff I never took the time to extend or improve it. Until yesterday, when … Continue reading “Slides Viewer: HTML5 Web Component”
Just finished my new endeavour in the amazing world of HTML5 Web Components, called X-NotificationsBar and based on an earlier CSS3-only driven solution. Here’s how to use it, after you check the demo and eventually download it: [sourcecode language=”xml”] <acidjs-x-notifications-bar bgcolor="#016fba" expanded="true" message="random" loop="5000"> <acidjs-x-notifications-bar-message> HTML5 Web Components enable truly encapsulated and reusable … Continue reading “X-NotificationsBar: HTML5 Web Component”
Just finished my new experiment with HTML5 Web Components and Mozilla X-Tags, called X-Password. What you get is a JavaScript-less extended password input, allowing Windows 8-like password reveal behavior out of the box: [sourcecode language=”javascript”] <acidjs-xpassword></acidjs-xpassword> [/sourcecode] The input supports all JavaScript getters, setters, events and form submission is handled natively. X-Password does not have … Continue reading “X-Password: HTML5 Web Component Input on Steroids”
Continuing the experiments with HTML5 Web Components I started a few weeks ago, I am happy to present my latest endeavor – HTML5 Web Component, which can be used to embed YouTube videos as a custom tags: [sourcecode language=”xml”] <acidjs-youtube videoid="wvHsX2lSW64"></acidjs-youtube> [/sourcecode] The component utilizes YouTube’s embedding API, and all of the parameters are supported … Continue reading “HTML5 Web Component for Embedding YouTube Videos”
Continuing my explorations in the amazing field of HTML5 Web Components, which I started last week, I am happy to present my new endeavor: AcidJs-X-AJAX is a lightweight custom tag, capable of making asynchronous server calls with (almost) no coding client-side. Again, it is built on top of Mozilla’s X-Tags library, and looks like that: … Continue reading “New HTML5 Web Component – AcidJs-X-AJAX”
People who follow this blog (cheers, mates!) and my fellow co-workers know that I am interested in the form control styling, and especially that of check boxes and radio buttons. Over the years I have come up with a number of different solutions, but finally I found the time to start experimenting with the new … Continue reading “X-Checkbox – Custom HTML5 Web Component”