Category Archives: Controls

5 Years of Ribbon JS!

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!

ribbonjs.promo

CSS3 and JavaScript Image Slideshow Viewer

I promise, this is the last one for 2013.

What’s already available on my experiments website is this (almost fully) CSS3-driven image slideshow viewer, build with the help of a form, radio buttons, transitions and sibling selectors. It also a supports native keyboard arrow navigation.

JavaScript has been used only for the rendering part, and the class supports various configuration options like bounding box, height, width, additional CSS classes array and default selected slide. The slideshow viewer can be populated either from a local object or via external JSON DTO.

acidjs-css3-slider

Merry Christmas and a Happy New Year! See you in 2014!

Related Posts and Links

Hits, Clicks and Downloads Counter 4.0 is Out!

I am happy to announce that the new version of AcidJs.ClicksCounter is out with cool new features and improved UI!

AcidJs.ClicksCounter is HTML5, JavaScript and PHP-driven hits, clicks and downloads counter, with amazing, fully ajax admin panel and tons of great features such as data comparison, data export in JSON and CSV format, instant backup in zip format, etc.

clicks-counter

AcidJs.ClicksCounter is fully localizable and utilizes some of the greatest features of HTML5 (Blob, FileReader, etc) and its most important functionality runs on the client. It is easy to deploy, does not use SQL, but flat JSON files for databases and it is a matter of simple couple-of-minutes configuration before having it up and running!

Key Features

  • HTML5-powered data comparison.
  • HTML5-powered JSON and CSV data export.
  • Get counts widget.
  • Instant backup download in zip format.
  • Display click counts for a record on the client area.
  • No SQL, just flat JSON database.
  • Data from the popular CCounter PHP script can be easily migrated to ClicksCounter.
  • Fully localizable.
  • Click statistics.
  • Fast and responsive.
  • Fully ajax-driven.
  • Optional automatic reload of the records list.
  • Built on top of Semtex HTML5, JavaScript and CSS3 UI Framework.

What’s New in Version 4.0

  • Sorting of the comparison table by different criteria.
  • Sorting of the records list by different criteria.
  • New metro-style icons for the small items toolbar.
  • Improved UI.

Screenshots:

Supported Browsers

  • Mozilla Firefox
  • Google Chrome
  • Apple Safari
  • Opera
  • Opera Webkit
  • Microsoft Internet Explorer 9+

Make sure you check it out and have fun!

Related Posts and Links

AcidJs.Ribbon 3.0 is Out

The new and shiny version 3.0 of AcidJs.Ribbon (formerly known as Ribbonbar.UI) is out!

acidjs-ribbon-dropdown

AcidJs.Ribbon is arguably among the best recreations of the desktop ribbon bar with JavaScript, CSS3 and HTML5. It is skinnable, fully AJAX driven component that is ready to use on any website, WYSIWYG editors or JavaScript-heavy apps. What you can you do with a MS Office like ribbon bar in web environment? Whether use it for navigation, associate it with your WYSIWYG editor, use in an email application, display links to your favorite social websites or simply build your entire webpage around it – this depends only on you.

acidjs-ribbon-file-tab

AcidJs.Ribbon has everything you would expect from a ribbon bar – cool looks, comprehensive and easy API, amazing command handling, different sets of inbuilt tools, cool looks. And at last, but not least – deploying and configuring it is a matter of minutes.

acidjs-ribbon-file-tab-green

Key Features

  • New user-friendly API with poweful methods, callbacks and events, allowing full control of the ribbon behavior.
  • Support for multiple ribbon instances on a single page.
  • New modern and fully CSS3 skin with fallback for older browsers.
  • Width of groups can be “auto”, percentage or pixels.
  • Server platform independent.
  • New event state-of-the-art tool event handling.
  • Support for tool buttons with text.
  • If dropdown tool name is "font-face", its items items are automatically styled with the font itself and sorted alphabetically.
  • If dropdown tool name is "font-size", its items are styled with the font-size itself.
  • New configuration error and warning handling.
  • Support for optional and fully customizable “file” tab menu with support for different button color.
  • Ribbon expand/collapse functionality.
  • Support for optional and fully configurable “quick access” toolbar.
  • Optional onUnsupported callback.
  • Optional cssClasses array that can be applied to the rendering node.

acidjs-ribbon-file-tab-purple

acidjs-ribbon
Sounds good? You can check the info on this page, or go directly to the demo from this link! Download links are provided on each page!
Related Posts and Links

Skinnable CSS3 Metro Forms

Try Semtex – the new HTML5, CSS3 and JavaScript UI framework!

Say hi to AcidJs.Forms, the successor of one of the oldest components in Acid.JS Web.UI – Forms.JS!

AcidJs.Forms is a powerful component that will give you total control over the form elements on your page without any additional markup or sophisticated JavaScript. The component will seamlessly add cool metro looks to input boxes, buttons, file inputs, checkboxes, radiobuttons and dropdowns.

acidjs-forms

Key Features
  • Lightweight and imageless, fully CSS3-driven skins.
  • Fast initialization and small footprint.
  • CSS3 animations and transitions.
  • Support for themes.
  • Rich client API and custom events.
  • Support for multiple themes on a single page.
  • No additional markup required.
  • The full version is shipped with 5 ready to use themes (Default, Gray, Orange, Red and Violet).
  • Fallback for non-CSS3 browsers.

Check the info here, look at the demo and have fun!