New extensions: Animated Image Cube, Easy Pie Chart, highlight.js and more!

All the latest news about Quick 'n Easy Web Builder can be read in this section

*** Current version: Quick 'n Easy Web Builder 11.3.0 ***


Locked
User avatar
pablo
Site Admin
Posts: 3983
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

New extensions: Animated Image Cube, Easy Pie Chart, highlight.js and more!

Post by pablo »

Here are another 10 new extensions for Quick 'n Easy Web Builder!
All extensions were ported from WYSIWYG Web Builder (https://www.wysiwygwebbuilder.com)

Animated Image Cube
This extension implements an animated 3d cube with images using CSS only. The cube is responsive and can be used in flexible layouts and fixed layout with breakpoints. Each face of the cube can have a different image. On mouse over, the cube faces will expand/explode.

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=210

****************************************************************


Animated Text Cube
This extension implements an animated 3d cube with text using CSS only (no JavaScript). The cube is responsive and can be used in flexible layouts and fixed layout with breakpoints. Each face of the cube can have different text. It’s also possible to set a link. On mouse over, the cube faces will expand/explode.

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=211

****************************************************************


Cube Slideshow
This extension implements an experimental 3D cube slideshow using CSS only (no JavaScript).
Each side of the cube can have a different image. It also supports opacity to create nice transparency effects.

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=212

****************************************************************


Easy Pie Chart
Render simple, animated pie charts. Based on a script by Robert Fleischmann.
https://github.com/rendro/easy-pie-chart

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=213

****************************************************************


highlight.js
highlight.js is a popular client-side syntax highlighter that supports a broad range of languages: https://highlightjs.org/
This extension makes it easy to add highlight.js to your website, it supports many themes and includes support for most common languages (html, css, javascript, cpp, php etc).

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=214

****************************************************************


prism.js
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. This extension has support for the following languages: applescript, c, coffeescript, cpp, cs, csharp, css, html, java, javascript, perl, php, python, ruby, sass, scss, sql, svg, swift, xml.

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=215

****************************************************************


Nine Images Gallery
This experimental extension implements a simple (responsive) image gallery with nine images. It uses CSS only, no JavaScript. When an image is clicked, it will expand to the full size of the gallery.

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=216

****************************************************************


Scroll Button
‘Scroll Button’ is an animated mouse scroll indicator. This can be used to add a subtle scroll cue at the bottom of the initial page that lets visitors know that they can scroll to see more content.

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=217

****************************************************************


Twenty Twenty
Showcase the visual differences between two images with a before and after image. Based on a script by Zurb.
https://github.com/zurb/twentytwenty

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=218

****************************************************************


Zoom Scroller
Create a subtle zoom animation on images while scrolling. Based on a script by Pete R. https://github.com/peachananr/zoom-scroller

Image

More information:
https://www.quickandeasywebbuilder.com/ ... ile_id=219

****************************************************************

You can download the new extensions through the Extension Manager (Menu->Tools->Extension Manager->Online Gallery).
or here
http://extensions.quickandeasywebbuilder.com/

Please read the included PDF documentation for instructions, license information, etc.
Locked