Dynamiczne tworzenie elementów, Sposób Opcje

[Fluke]

Witam,

Chciałbym się was spytać jak wy tworzycie dynamiczne elementy. Na przykład: użytkownik może tworzyć dowolną ilość elementów takich jak grupy formularzy, przesyłać zdjęcia, tworzyć prostą grafikę itp. oraz może je dowolnie przemieszczać na stronie i zapisywać ich układ.

Są na to 3 sposoby lub więcej.
Tworzyć elementy w js:

[PHP] pobierz, plaintext 
var el = $('<div class="element"><div class="title">...</div<</div>');
el.append('<div class="some"></div>');
...
[PHP] pobierz, plaintext 

czy może gdzieś ukryć część elementów w html`u:

[HTML] pobierz, plaintext 
<div class="elements" style="display: hidden;"> 
     <div class="form">...</div>
     <div class="image">...</div>
     <div class="rectangle">...</div>
</div>
[HTML] pobierz, plaintext 

i za pomocą zdarzenia:

[PHP] pobierz, plaintext 
$('.form.create').click(function() {
    var el = $('.examples').find('.rectangle').clone();
});
[PHP] pobierz, plaintext 

Czy może za pomocą ajax`a ? Miałbym odpowiedni moduł z tworzeniem elementów i oraz kontrolery, które zwracały by proste widoki ?

Moim zdaniem, najlepszym i najwygodniejszym sposobem jest ostatni, za pomocą Ajax. Lecz wymaga to wysłania requesta co powoduje spowolnienie aplikacji.
Jak macie inne sposoby to chętnie poczytam.

Pozdrawiam.