Components

CSS3 and JavaScript Image Slideshow Viewer

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

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

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!

Table painter widget for WYSIWYG editors and web applications

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

I’m happy to announce the latest component, which is now part of Acid.JS Web.UI. AcidJs.TablePainter is a fast, responsive, fully configurable and reliable table painter widget for WYSIWYG editor or any other web applications.
table-painter
Key Features
  • Rich client API and custom events.
  • Small footprint.
  • Imageless CSS3 skins, gracefully degrading for older browsers.
  • Crossbrowser – all major browsers are supported.
Related Links

Autocomplete and Autosuggest Widget

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

AcidJs.AutoComplete is a useful, fully configurable and skinnable JavaScript, CSS3 and HTML5 auto suggest and auto complete widget for your forms or applications, which is now part of the AcidJS.Web.UI library.

auto-complete

Find more info on this page, or for detailed insight on usage and configuration check the demo page and enjoy!

Key Features
  • Rich client API and custom events.
  • Small footprint.
  • Imageless CSS3 skins, gracefully degrading for older browsers.
  • Crossbrowser – all major browsers are supported.
Related Links

Saying That Your Website is Under Construction in a Stylish HTML5, CSS3 and JavaScript Fashion

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

My new AcidJs.ComingSoon component is my proposal to say that your website is “under construction” in a tasteful fashion. It is stylish and lightweight, fully HTML5/JavaScript/CSS3/AJAX driven, fully customizable, imageless and fun to use.

coming-soon

Key features

  • Lightweight and operating entirely on the client.
  • Built with the latest technologies, as your future website will be.
  • Fully customizable.
  • Stylish and flexible.
  • Easy to modify and fun to use.
  • Your way to say in stylish manner that your website is “under construction”.

Click here to view the demo and you will love it so much, that you will download and give it a try immediately.

Enjoy the weekend!

Related Posts

Templatr HTML Template Engine 2.0 Has Been Released

I am happy to announce that just a few days after the debut of Templatr, version 2.0 has been released with tons of cool stuff. If you already know what is Templatr, just skip the next paragraphs and go directly to What’s New in Version 2.0:

What is Templatr?

Templatr is fully client-side, library-independent, lightweight (4KB minified and g-zipped), easy to use, reliable and free JSON to HTML template engine.

It can be used for scaling down AJAX-heavy applications allowing them to switch from markup- to data-only responses from the server. Once fetched on the client, the data can then be parsed and turned into beautiful HTML by Templatr and inserted in the page.

What’s New in version 2.0:

  • Now a JavaScript function returning HTML or setting more nested templates can be used for content of a parent template. Users now have three options for setting of content – a string, object (static nested templates) or function (static or fully dynamic nested templates).
  • Full support for Internet Explorer 6 and 7.
  • A few bugs have been addressed and fixed (related to the support for IE6 and 7).
  • Improved rendering speed and reliability.

Need more info? Go to Templatr’s home page, check out the demo or just download it right away! It is also included in the latest version of Acid.JS Web.UI Suite. The updated documentation can be found here.