Design, jQuery, rapid design js = IxEdit

Każdy kto pracuje bardziej lub mniej przy jQuerty musi grzebać w elementach na stronie tak aby uzyskać żądany efekt. Odnosić się do klasy, znacznika lub ID elementu. Dokładać obsługę eventów, oprogramować efekty etc… Często jak trzeba zrobić coś szybko to zaczyna się męka.

Pojawiło się bardzo dobre rozwiązanie pomagające na szybkie projektowanie efektów międzymordzia (aka interfejsu) WEB, mowa o IxEdit. Skrypt JS bazujący na jQuery oraz jQuery UI, który pozwala na tworzenie efektów live na stronie www. Informacje przechowuje loklanie na pomocą Google Gears (stąd problemy z Safari na OSX’ie – ja polecam i tak Firefox’a), całość wygląda mniej więcej tak:

ixedit

Całość jak widać przyjemna dla oka, wszystko działa live więc można sobie przetestować co się naklikało, albo jak już wszystko jest zrobione dobrze wyeksportować do pliku js:

ixedit-deploy

Zacząłem tego używać, styl życia +2 :D

Szybkie użycie tego ustrojstwa w ZF:

{if $env eq "development"}
    <script type="text/javascript" src="{$webroot}/ixedit/jquery/jquery-plus-jquery-ui.js"></script>
    <script type="text/javascript" src="{$webroot}/ixedit/ixedit/ixedit.packed.js"></script>
    <link type="text/css" href="{$webroot}/ixedit/ixedit/ixedit.css" rel="stylesheet" />   
    <link type="text/css" href="{$webroot}/ixedit/sample-style/ui-sui.css" rel="stylesheet" />
{/if}