Introducing Widgetkit

May
27
Introducing Widgetkit

We are proud to finally announce the first release of Widgetkit our next generation tool set. Widgetkit is the successor of the famous YOOtools we first introduced in January 2008. Back then the YOOtools were only built to work with Joomla 1.5 and Joomla 1.0 (for those who remember the old times) and until today enriched countless websites. As time flies by so fast in the web, our tools aged and were due for a major update. So we started working on a new version of our tools back in August 2010, right after we finished our work on the Warp 5.5 theme framework.

When we started we basically had two choices, the easy one would be to take each YOOtool and update it's code to work with our default JavaScript library jQuery and keep everything else. Each tool would still require you to use Joomla articles to fill their content. This seems like a reasonable approach, but we thought if we have the opportunity to re-design the tools what can we do differently now to make them even better. We also wanted to achieve compatibility with Joomla 1.6 and to make them available for WordPress. Giving all this a lot of thought, we came up with great ideas which are now implemented in Widgetkit. With Widgetkit we created a whole new concept to make the tools easier to use, install, update and extend.

Widgetkit basically acts as a platform for all our widgets. It installs as a single component in Joomla 1.5 and Joomla 1.6 or as a plugin in Wordpress 3.x. The Widgetkit dashboard presents you an overview of all widgets. You can create, edit or delete all widgets and their content in one place. And after you have created the content for your first widget you can either use a shortcode or a module to display your widget anywhere on your website. In fact you can do both because once have you created a widget you are able to display it multiple times and reuse it on different parts of your website.

Our first Widgetkit BETA offers you four commonly used widgets which are Slideshow, Lightbox, Spotlight and Twitter. All widgets are written from scratch using HTML5 markup, CSS3 features and JavaScripts based on jQuery. Here is a quick overview of all the widgets features:

Slideshow

The Widgetkit Slideshow is the most interesting widget of the Widgetkit BETA release. It takes full advantage of the very user-friendly Widgetkit administration user interface. You can easily create and manage slideshows and their different slides. It comes with 15 eye-catching transition effects which are all based on hardware accelerated CSS3 animations with a JavaScript fallback for all Internet Explorers. This makes the slideshow run smoothly on iPads, iPhones and Android phones. As icing on the cake the slideshow can be browsed using swipe gesture on mobile phones.

Lightbox

The Widgetkit Lightbox is our new and shiny lightbox. It is originally based on the great Fancybox for jQuery. We did some optimization, removed IE6 support and used CSS3 and HTML5. It also comes with support for YouTube and Vimeo videos as well as SWF movies. It replaces our old lightbox so there is no need to use the YOOeffects plugin anymore.

Spotlight

We also added the Spotlight effect to Widgetkit which you all know from our Warp5.5 themes. That's the reason why we removed it from Warp6. The new Spotlight effect, is also enhanced and is a lot easier to use than the previous version.

Twitter

The Widgetkit Twitter widget replaces our old YOOtweet module. It is completely rewritten and the caching is optimized. The tweets will show up even if Twitter is not available.

What's next?

Since this is the first BETA version of Widgetkit, we will give it some time to collect all appearing issues and bugs and release a second BETA in the next weeks. But of course we are already working on new widgets which will be added to Widgetkit. Following widgets are currently planned: Accordion, Maps, Gallery, Tooltips and of course more Slideshow styles. So enjoy Widgetkit and take it for a test drive!

By Steffan | | Posted in Widgetkit

Comments (119)

  • Morgan

    Morgan

    |
    Amazing, will check it out right now!
  • One Deko

    One Deko

    |
    Nice work !! Thx
  • weble

    weble

    | Profile |
    OMG!!! This is AWESOME!!!
  • ivo.haarmann

    ivo.haarmann

    | Profile |
    sounds great, but what will happen to the old yootools and is there a migration path from old yootools to the new widgetkit? I wonder how that can be done. Nevertheless I think starting from scratch and make it HTML5 and CSS3 based was the right decision.
  • alessio.menotti

    alessio.menotti

    | Profile |
    I am impressed for real. Gonna try it out rightnow and report any issues
  • matt.bord

    matt.bord

    | Profile |
    That's what I'm talking about...!

    GO...YOO Team....and GO Widgetkit...

    GREAT NEWS...
  • molillelund

    molillelund

    | Profile |
    Sound great! Could you show it in action?
  • Jens

    Jens

    |
    bririlliant. Very interesting approach. i'm impressed.
  • peter.russell.64

    peter.russell.64

    | Profile |
    Tried out the slideshow and works a treat. I guess my only issue is that it would be nice to have access to the editor in the slideshow content area, maybe that's to come later. But a quick piece of HTML and presto the image was there. Can I assume that the spotlight function will work within the slideshow, if it does it will be very nice.
    I like the way you have put it together, a component which allows you to set it up, then either a module to display the output or classes to activate. Nice work with a nice interface, although a few tooltips for some of the more obscure fields would have been nice.
    Thanks Yootheme
  • As always, great job guys! Its nice to see that you are very active in the development! have planned a demo and documentation section in the short, or in the meantime should download and test locally?!? Thanks
  • guido.volkmann

    guido.volkmann

    | Profile |
    Very good, for the first step ;-)
  • matt.bord

    matt.bord

    | Profile |
    Already testing on my page....great work!
  • bojan.trosic

    bojan.trosic

    | Profile |
    Fantastic job guys.
    Do you plan to integrate Widgetkit with Zoo?
    • sascha

      sascha

      | Profile |
      Yes, we are working on it :-)
      • Karim

        Karim

        |
        Have you guys been able to integrate widgetkit with zoo yet?
  • bigfrontdoor

    bigfrontdoor

    | Profile |
    Is it just Lightbox, slideshows and spotlight that are included in the beta ? I don't see twitter anywhere (1.5 install)
    • Danny

      Danny

      |
      just check module manager
    • matt.bord

      matt.bord

      | Profile |
      For Twitter go to modules....it's right there....
  • james.hink

    james.hink

    | Profile |
    THANK YOU THANK YOU THANK YOU THANK YOU THANK YOU!!!
  • anders.k.jonsson

    anders.k.jonsson

    | Profile |
    nice!
  • hugo.a.perez

    hugo.a.perez

    | Profile |
    Nice, I'll try right away
  • ed ventura

    ed ventura

    |
    where do we download it?
  • magicspon

    magicspon

    | Profile |
    is there a demo/download available anywhere?

    sounds very promising

    good stuff yoo
  • iluvtofu

    iluvtofu

    |
    Great! Finally! Will these tools be made available as a part of Zoo for 1.6 since they are missing Zoo tools?
    • sascha

      sascha

      | Profile |
      Yes, ZOO and Widgetkit will work together soon...
  • ryan.jones

    ryan.jones

    | Profile |
    I have been messing around with this for the last hour and I have to say that I am very impressed!
    Keep the additional widgets coming!

    I am really looking forward to this months template release now and hope that YOOtheme can blow us all away!!
  • joon2008

    joon2008

    | Profile |
    YESSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS!!!!!!
  • tqddn_hmzh

    tqddn_hmzh

    |
    waitingggggggggggggggggggggggggggg
  • phil

    phil

    |
    There has ben a lot of promise about the tools for ZOO 1.6 as at the moment there are modules for zoo 1.5 but not for 1.6

    Will this toolkit replace the zoo 1.5 tools and be usable for zoo 1.6? I dont see any mention of Zoo in the blog!
    • sascha

      sascha

      | Profile |
      Yes, Widgetkit will work with ZOO together soon...
  • carlos.l.zetula

    carlos.l.zetula

    | Profile |
    thanks a lot!
  • Big Sun Photography

    Big Sun Photography

    |
    Please include a 'help' tab with all of this. I'm not clear at all on how to actually use these widgets.
  • jennifer.adamowsky

    jennifer.adamowsky

    | Profile |
    is there a live demo anywhere?
  • TuQ

    TuQ

    |
    I love you! ;)
  • houston

    houston

    |
    Thanks god, Sasha! We delayed all projects for this release. Greetings!
  • hugo.sousa

    hugo.sousa

    | Profile |
    My congratulations on the excellent work they have developed, so that we can all make the web look good (:
  • hugo.a.perez

    hugo.a.perez

    | Profile |
    Any Documentation?
  • Erik

    Erik

    |
    THANK YOU. Please please PLEASE do the YooCarousel next! That's the most powerful and useful tool ever in my opinion. And I desperately need it for a new Wordpress site about to launch :)
    • Jona

      Jona

      |
      I'm pretty sure the functionality of Carousel has been wrapped up into the Slideshow widget.
  • GreenHostIt.com

    GreenHostIt.com

    |
    Nice!
  • Carlos

    Carlos

    |
    WOOOW Amazing !!
  • doogledesign

    doogledesign

    | Profile |
    Zoo Integration would be A MUST or make sure to preserve the Zoo Tools that are currently there. Being able to include a ZOO item in the tools is MUST MUST MUST.

    Great work so far. Love the work so far.
  • phuongha

    phuongha

    | Profile |
    This is incredible. I cannot wait for the other widgets. Awesome work!
  • thomas.schlander

    thomas.schlander

    | Profile |
    Excellent!!! I love the slideshow. It is perfect!
  • sammer

    sammer

    | Profile |
    Does it support (RTL) Right-To-Left Languages ?
    And does it support RTL from the beginning ?
  • valentin.dedu

    valentin.dedu

    | Profile |
    I like that.
  • Brian

    Brian

    |
    This is going to make the annual renewal less painful (though not quite offsetting the sinking of the dollar). Well done!
  • ronny.steinmetz

    ronny.steinmetz

    | Profile |
    Well this is huge... And awesome...
    Really looking forward to the upcoming widgets...
    Missing a little the good old "Reflect"Effect... ;)

    Cheers,
    Good job everybody!!!
  • Paul

    Paul

    |
    Fantastic news! you guys have great timing, specially for the gallery. Will test it out and give you my feedback.
  • Nico

    Nico

    |
    Wicked!!!!
  • tenekes

    tenekes

    |
    thanx a lot !!!! ;-)
  • nike1me

    nike1me

    | Profile |
    i geuss the june tempalte will have a live demo. I would say great work but id like to see them in action. Thx for the big effort.
  • very good news!!!
    Thank you.
  • fabio.cuzzi

    fabio.cuzzi

    | Profile |
    THANKS!!!! Will be waiting for the rest of the tools.
  • Benjamin

    Benjamin

    |
    Good news! Slideshow works great, but where can i find the element.style min-height:?
    • sascha

      sascha

      | Profile |
      Just update to the latest theme version and you problem will be solved...
  • robert.coemans

    robert.coemans

    | Profile |
    Already testing slideshow on my page and it works good but this widget can have some more functionality like more effects, include HTML editor, allow overlay text, control where to place the overlay text etc. Looking forward to see the future functionality of Widgetkit like ajax login form etc.
    • sascha

      sascha

      | Profile |
      We added an HTML editor and text overlays to the latest BETA version :-)
  • gaetano.bucci.66

    gaetano.bucci.66

    | Profile |
    Finally...yes!!!!! ;)
  • Maico

    Maico

    |
    Great! Can't wait to see the other tools. Smooth slideshow. suggestion: it would be nice to be able to select a whole map of images at once.
  • Hoping to see the BETA version finished soon! ;O)
  • jennie

    jennie

    |
    Awesome! As others have mentioned, I hope to see more options with the slideshow, like description text overlays that can be placed in different areas over the image. The use of thumbnails as navigation controls is another option. More styles will definitely make this the best slideshow ever, assuming you can have text overlays with links.
    • sascha

      sascha

      | Profile |
      We added text overlays for the Slideshow to the latest BETA version :-)
  • SandbergPDX

    SandbergPDX

    |
    How do I download Widgetkit?
    • robbert

      robbert

      | Profile |
      Just login at the Member Area, and go to Downloads.
  • donnie.l.rollins

    donnie.l.rollins

    | Profile |
    Yootheme Development staff please strongly consider in your web 2.0 slideshows to include a "loader" option in the widget kit that you can turn on or off. We get many customer complaints about the lack of loaders on the yootheme carousel on clients websites. We get the same complaints with the Zoo Content Slideshow. We often have to select less desirable slide shows because they have loaders.
  • Crozy

    Crozy

    |
    Yoo guys rock. Love it!
  • Thofr

    Thofr

    |
    it's a pitty that the spotlight effect doesn't work on a mobile device.
    • sascha

      sascha

      | Profile |
      Touch devices have no hover state... You don't have a mouse cursor ;-)
  • David Soden

    David Soden

    |
    Very good release and core architect. I have not tested but am a bit concerned about HTML5 and browser compatability at the current moment but I would not change this. I think by 2012 this Widgetkit will be as or more amazing then the current tools are now for 1.5. Very pleased and confidence is restored for 1.6.

    Thank you Yoo Team! and congradulations...
  • seunweb.com

    seunweb.com

    |
    this is good news to all web admins and J & W users in general. A complete suite of widgets on the go.
  • Christian

    Christian

    |
    Tada! Another great Job done by the Yootheme-Team. It's georgius!
  • yofee

    yofee

    | Profile |
    that's great!
    But will it be working on Joomla 1.7+?
  • bojan.popic

    bojan.popic

    | Profile |
    Aahhh... timing is JUST PERFECT! Thank you!
  • Ben

    Ben

    |
    On the slideshow widget it says it supports html text, does this allow you to control the text size, style, color, background and location on the slide?
  • robert.redam

    robert.redam

    | Profile |
    Nice...
  • neejoh

    neejoh

    | Profile |
    Does this mean the current tools will not be ported to Joomla 1.6, but our only option is getting on the Widgetkit bandwagon?
  • indyfx

    indyfx

    | Profile |
    With Slideshow set to 'auto' the user can click the button to advance to the next slide. When finished, I'd suggest that the Slideshow should revert to 'auto' rather than remaining on the clicked slide.
    • jennie

      jennie

      |
      I totally agree! And I would also like to see a way to link a slideshow image to an article or custom URL. There should be a nice UI for picking an existing article or entering in a custom URL link. Oh, and text caption Titles and article Descriptions would be awesome.
      • Sabature

        Sabature

        |
        I think this is already there.
  • benjamin.jackson

    benjamin.jackson

    | Profile |
    How do we get Widgetkit?
  • Mo Didley

    Mo Didley

    |
    Really great but one thing would make it even greater: Please allow image uploading for the Slideshow as this would make it very userfriendly! Thanks a lot!
    • Sabature

      Sabature

      |
      If they did that we would have to link the slides using .txt files in the slideshow folder. I think this way is better because we can link the files...we can also use HTML slices and have different boxes within an HTML slide link seperately...You can even add videos to the HTML slides you do. I quite like this.
  • cfpmadrid

    cfpmadrid

    | Profile |
    Great.

    It´s just install and run.

    Perfect I´m waiting for the rest
  • clank

    clank

    |
    where do I download it? I want to test it on a site I have in development. Thank you.
  • jose

    jose

    |
    perhaps a stupid question... where can I download it?
  • gracie

    gracie

    |
    Can you please provide an update on when the final tool set will be released. Seems like the tools were announced a few months back, but there are only a few available. Also, I think only beta 3 has been released, but seems like many features are still missing, especially in the slideshow. Hope more tools and updates will be released soon. Thanks for the great work.
  • preston

    preston

    |
    yootheme just keeps gettings better and better, thanks to all of you who develop these nifty tools!
  • I<3Yoo

    I<3Yoo

    |
    When can we expect further updates for this?

    The BETA is awesome, i am looking forward to a stable release and more widgets!
  • Bryce

    Bryce

    |
    Before I buy, is it possible to use the lightbox within the slideshow? As in, slide 1 is visible, click it and open a video in lightbox. Slide 2 rolls in, click it to pop up an outside webpage lightbox. And so on...
    Thank you!
  • Tuhin Rahman

    Tuhin Rahman

    |
    Good Job. I like it
  • John Venturs

    John Venturs

    |
    This works with any template for example "Template Studio for WP"?
    Thanks for all
  • zrocweb

    zrocweb

    | Profile |
    Perhaps in the next release of the widgetkits, you could make them available in modules too, not just content. If you try to load a widget in a module with the shortcode, it does not work.... unless I'm missing something
  • steve babbitt

    steve babbitt

    |
    Ok guys, looks like a dream come true. Everything the Yootools had in a much easier package EXCEPT for tabs in the slideshow...

    Is it in the plans?

    Thanks,

    Steve Babbitt
  • hugues81

    hugues81

    | Profile |
    Great component! would be nice to see zoo and k2 integration...
  • Rishah

    Rishah

    |
    WidgetKit is Freakin' Sweet...but how do you do module overrides???
  • Wesley

    Wesley

    |
    Is it possible to enable the lightbox to handle PDF files?
  • Nice work !!!! Very nice, good job!
  • Richitron

    Richitron

    |
    The best modules for joomla, only from yootheme !

    In a wish list I wonder. . .

    1.- The media player can maybe have a playlist for multimple videos !? ( this can be great i think )
    2.- A module for create advanced forms !?
    3.- A module for facebook !?
    4.- A Shoutbox module for the site !? ( this can be great i think )
    5.- YOOcarousel !??

    Yoo rules !! Great job like always !! The best for the community yoo !!
  • mfragk

    mfragk

    |
    excellent work!!
  • rudi.van.der.duim

    rudi.van.der.duim

    | Profile |
    I like to know how to use the widgetkit
  • anna.robinson

    anna.robinson

    | Profile |
    Perfect - even more perfect - and then there is Widgetkit :-)
  • pablo

    pablo

    |
    Great stuff! The best :) THX YOOtheme™
  • Can i use widgetket media player for zoo. Thank you.
  • david.raila

    david.raila

    | Profile |
    I have an older site that uses youcarousel, which slideshows content
    pages from a category. Is this possible using the widget slideshow?
    I have not seen this option, and I really don't want to go through changing
    all of the old content, but perhaps I'll have to.
    Thanks
    • sascha

      sascha

      | Profile |
      The old YOOcarousel is not supported anymore. You have to use Widgetkit instead. You can also load Joomla articles like in the old YOOcarousel. So you only have to pick a style which fits your needs :-)
  • marius.sirbu

    marius.sirbu

    | Profile |
    Can I insert a widget into module? In articles works fine, but inside modules not working
  • danilo.lutti

    danilo.lutti

    | Profile |
    we need auto article's thumbnail slideset / carousel!! please.. develope this...
  • marios.andreou

    marios.andreou

    | Profile |
    Is widgetkit compatible to k2 component?
  • nicolas.coquio

    nicolas.coquio

    | Profile |
    hello

    i cant get my slideset widget have a transparent background, its using:

    class="module mod-box deepest"

    intead of

    class="module mod-blank deepest"

    also, i bought the yooshelf template, and its impossible to switch color and style... whats going on?

    thanks for the help

Leave a comment

Please login to leave a comment.