Last night I finished my latest experiment in recreating the classic Tic-Tac-Toe game as a HTML5 Web Component. Here’s the result and a few details: Two players take turns on the same computer. The next version will support one player vs. the computer. Game lobby for selecting player names. No images or JavaScript animations, CSS3 … Continue reading “Tic-Tac-Toe Game Recreated as a HTML5 Web Component”
AcidJs.XIcon is another (hopefully) useful HTML5 Web Component for generating icons as custom tags using the amazing icon set of Font Awesome. Usage [sourcecode language=”html”] <acidjs-xicon name="home"></acidjs-xicon> <acidjs-xicon name="spinner" spin size="2x"></acidjs-xicon> <acidjs-xicon name="shield" rotate="90" size="3x"></acidjs-xicon> <acidjs-xicon name="facebook" flip="horizontal" size="3x"></acidjs-xicon> [/sourcecode] HTML Attributes of the Tag Apart from the standard HTML attributes (style, class, id, etc.), … Continue reading “X-Icon: HTML5 Web Component for Font Awesome”
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”
Must admit I’ve never been a huge fan of card games. I thought, however that it may be interesting to see what I could do with HTML5 Web Components in the similar manner I experimented with this chessboard but this time with French cards deck. The result is AcidJs.XDeck and I really enjoyed developing it. … Continue reading “X-Deck: Playing Cards HTML5 Web Component”
Just a few hours ago I finished and deployed my new online service and very first endeavor in the interesting world of colors and color theory. Say hi to AcidJs.ColorConverter! Features: Native HTML5 color picker. Color conversion to and from HEX, RGB, HSL, CMYK, HSV, etc. Color tints, tones and shades. CMYK and RGB color … Continue reading “Online Color Picker and Color Conversion Tool”
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”
A few months ago I blogged about a fun experiment, explaining the creation of animated 3D chessboard and pieces with CSS3 and UTF characters only. Following my recent excitement and play with HTML5 Web Components I reused the CSS from the example and extended it to a custom tag, which when used as a simple … Continue reading “X-Chessboard: HTML5 Web Component”
AcidJs.Pie is a lightweight pie chart plotting widget, utilizing CSS3 instead of HTML5 canvas or SVG with small, but powerful and easy to use API, custom events and numerous usage possibilities. You may download AcidJs.Pie or find more information on this page, and the demo and documentation are here. More Screenshots Key Features Fast and … Continue reading “HTML5, CSS3 and JavaScript Pie Charts”
Radio buttons and checkboxes are traditionally associated with forms and data, however if you spend some time playing with these elements and CSS you will certainly find a lot more possible and not so boring uses. Here are a few, which will maybe give you ideas and will inspire you. Star Rating Widget Fully functional … Continue reading “Atypical Uses of Radio Buttons and Checkboxes for Building Interactive UI Widgets”
I am happy to announce that the new version of AcidJs.Tiles is out with improved and even more realistic looks and animations. It also includes a minor bug fix, related to the setting of the “title” property of the control. AcidJs.Tiles is a JavaScript, HTML5 and CSS3 layout widget, which resembles the look and feel, functionality and … Continue reading “HTML5, CSS3 and JavaScript Windows 8 Metro Tiles 2.0 is Out!”