Layout generator + FrontEnd UI

S vremenom sve više koristm vlastite layoute, skripte i dijelove
koje slažem unaprijed. S vremenom me i sve više zaoukuplja ideja da na određeni
način sažmem sve moguče stvari koje koristim u dizajnu i frontEndu u jednu opensource
aplikaciju, koju bi postavio online. Kao doprinos opensource zajednici ali i kao moguči
izvor zarade, daljnjeg razvoja itd.

Sustav bi trebao dizajnerima i developerima omogučiti:

1. Layout generator:

WYSIWYG slaganje layouta i svih glavnih elemenata stranice,
u vizualnom sučelju nalik na canavas sa pixel mrežom, kao u grafičkim
programima. Bez nekih posebnih funkcija. Samo pixel mreža i kvadrati ( elementi ),
koji se pomiču na njoj. Dizajner na taj način, vizualno slaže svoj jedinstveni
layout. Ako ste radili sa FW-om, one pametne vodilice su baš to na šta mislim.

Prvo dizajner bira osnovni frame layouta ( 960px Fixed, Elastic, Liquid, Responsive… ).
U izborniku dizajner ima sve potrebne elemente, koje slaže na pixel mrežu:
header, footer, input, search itd. Različiti elementi se na ploči prikazuju
u raličitim bojama i oni su skalabilini po width i height. Baš kako kada crtate neki
kvadrat u FW-u, Ilustratoru i sl.

2. FrontEnd UI:

Kada dizajner “nacrta” svoj layout, sljedeći korak je da odabere
Widgetse i efekte koje želi koristiti na svom layoutu. Slično
kako je ovdje napravljeno:
Modernizr Download Builder

U zadnje vrijeme sam pretražio vjerojatno sve FrontEnd UI-e.
Najpopularniji su npr.:
Kendo UI - jQuery HTML5 framework for desktop, mobile app development, HTML5 data visualization
jQuery UI

Ima ih još dosta. Ali praktički Widgetsi tih UI-a su
99% identični.

Po mome mišljenju ti Widgetsi su više namjenjeni
nekim online aplikacijama i sutavima a manje jednostanim,
prezentacijskim stranicama. Bacite oko na Kendo Widgetse:
jQuery framework for building HTML5 web apps | Kendo UI Web Demos

Od svih, ima ih tek nekoliko koji se često koriste ( DropDownList, Menu, Tabs ),
a nema onih koji su vrlo česti na jednostavnim, prezentacijskim stranicama
( slider, galerija, popUp, accordion itd. ).

Dakle, FrontEnd UI bi bio napravljen u JQueryu ( Framework na kvadrat:) ).
Osim widgetsa, UI bi sadržavao gumbe, validacijske error poruke, stilizirana
select, input, option polja i dr. Zapravo, sadržavao bi sve one JQ pluginove
koje često koristimo u izradi jednostavnijih, prezentacijskih stranica.

3. HTML5/CSS3 Cross Browser

Generirani layout bi podržavao osnovne HTML5 tagove i CSS3 svojstva.

Ne znam da li se za ovu svrhu, vezano za licence, smije koristiti npr:
html5shiv - HTML5 IE enabling script - Google Project Hosting
CSS3 PIE: CSS3 decorations for IE

Ako se ne smije zbog licence - nije problem:

HTML5 elementi se mogu kreirati u JS-u, a css3 svojstva
pomoću MS Filtera.

Prije preuzimanja kompletnog root foldera,
Kada je dizaner “nacrtao” svoj layout i odabrao sve JQ pluginove i widgetse
koje će koristiti, odabire i koja css3 svojstva će koristiti.

Zatim slijedi ( develop/min verzija ) download i dizajner preuzima kompletan root folder.
Root folder također sadrži defaultni robots.txt i .htaccess file.
Uobičajeni sadržaj: index.html, js, css, img, robots.txt, .htaccess.

Naravno, kod takavog generiranog layouta ( + UI ) bi morao biti
uredno napisan, validan i dokumentiran.

Ideja se zapravo bazira na mojoj osobnoj potrebi da unaprijed
napravim sve šta je moguče unaprijed napraviti, kako bi ostalo više
vremena za dizajn, grafičke elemente i dr.

Samim time se i smanjuje cijena usluge,
što pak povečava konkurentnost.

Ovo je samo ideja koja mi se u zadnje vrijeme vrti u glavi.

Što mislite o tome ?

Točnije pitanje bi bilo:

Da li bi vi koristili takav online
layout/UI frame generator za svoje projetke ?

Zanima me na koji način bi ti svojom aplikacijom generirao validni html, css kod, jer to je jedna od najvećih poteškoća takvih programa. Na dalje kako bi kompletan layout i stilove prebacio u CSS datoteku, a html u html datoteku, itd. itd. itd.

I ne, ne bih ga koristio jer ne vjerujem nikome doli svojoj tipkovnici i svome kodu. Pa ja još uvijek ne koristim nikakve CSS I HTML frameworke, mislim da to dovoljno govori koliko me zanimaju i koliko vjerujem raznim WYSIWYG “generatori” i editori koda.

Da, ima tu puno pitanja i problema koji se javljaju. Kažem, ovo je samo ideja.
Pa zar PHP ne može upisati html tagove unutar html dokumenta ?
Postoje npr. CMS-ovi koji ne koriste bazu, već se sav sadržaj upisuje
direktno u XML. Na isti način bi PHP mogao ispisati html tagove ?

Evo npr. jedan CMS koji koji ne koristi niti bazu niti XML, nego sadržaj upisuje
direktno u html dokument ( u spanovima ). Ako ispisuje spanove unutar
html dokumenta onda valjda može upisivati i sve druge tagove.

One Page CMS (Content Management System)

Znam i ja sam skeptičan, jer sve šta sam probao takvo jednostavno ne valja.
Ali da postoji nešto kako sam gore opisao, da je valid i da prolazi preglednike - koristio bih.

Misliš da nije moguče napraviti takvu aplikaciju ?

[quote=“33diz”]Da, ima tu puno pitanja i problema koji se javljaju. Kažem, ovo je samo ideja.
Pa zar PHP ne može upisati html tagove unutar html dokumenta ?
Postoje npr. CMS-ovi koji ne koriste bazu, već se sav sadržaj upisuje
direktno u XML. Na isti način bi PHP mogao ispisati html tagove ?[/quote]
Nije problem upisati html u datoteke, nego je problem generirati css datoteku. Izgleda da ne kužiš problematiku ili uopće ili samo površno.
Kako ćeš ti napisati CSS kod za posloženu stranicu u WYSIWYG editoru gdje su elementi apsolutno pozicionirani i za svaki element je pozicija određena apsolutnim top i left ili right i bottom koordinatama. Na kraju dobijaš opet kupus kod koji je i sada takav. I ima tu još puno puno problema koje treba odraditi i doraditi, a PHP, JavaScript, ASP.Net itd nisu tome namijenjeni niti najmanje. To bi trebala prvenstveno biti nekakva desktop aplikacija koja bi se kasnije mogla prevesti u neku web app.

I ima još toga puno puno puno, ali nemam sada vremena detaljnije ulaziti u problematiku svega toga skupa.

[quote=“33diz”]
Evo npr. jedan CMS koji koji ne koristi niti bazu niti XML, nego sadržaj upisuje
direktno u html dokument ( u spanovima ). Ako ispisuje spanove unutar
html dokumenta onda valjda može upisivati i sve druge tagove.

One Page CMS (Content Management System)

Znam i ja sam skeptičan, jer sve šta sam probao takvo jednostavno ne valja.
Ali da postoji nešto kako sam gore opisao, da je valid i da prolazi preglednike - koristio bih.

Misliš da nije moguče napraviti takvu aplikaciju ?[/quote]
Mislim da još uvijek se nije našao nitko dovoljno lud koji bi sjeo i odradio takvo što. Koliko je moguće? ne znam, ali znam da nije ne moguće. Ići to raditi s PHPom i JavaScriptom je drugi par rukava i mislim da je to u startu promašen i propao projekt.


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja