alex brie . net

01 Jul, 2009

PSDBreaker de la Krogos

Posted by: Alex In: Internet si Tehnologie


Multa lume il stie pe Dragos Novac, initiatorul anualei destrabalari primavaratice a bloggerilor, commonly known as Roblogfest. Unii il mai stiu si ca blogger pe argumente.ro, sau patron al Metropotam, Coolio, Invita.ro, 100eyes.ro, blonda.ro, sexercitii.ro, urbanbite.ro, urbee.ro, podio.ro, subjoost.com si alte nenumarate situri, softuri si bloguri.

Eu unul il stiu pe Dragos din online-ul de acum 4 ani, pe cand bloga zilnic pe argumente si era “doar” patron al Krogos SRL. Iar ultima creatie a Krogos, pe numele ei PSDBreaker, este, ce sa mai, FOARTE TARE.

Subliniez: FOARTE TARE.


Despre ce este vorba? Sa zicem ca vrei sa faci un site web. In 80% din firmele ce se ocupa de web, asta inseamna ca un designer talentat va trece la treaba in Photoshop si va crea un desen al paginii web respective. Cu umbre, gradienti si alte alea. Rezulta un fisier PSD (photoshop document) care arata.. cam cum ar vrea designerul sa arate pagina de web respectiva. Urmeaza apoi etapa spargerii acestui document. Pe scurt, un HTML-ist priceput va incepe sa taie (slice) din acest psd cate o imagine sau mai multe, va pune cod html/css si in general va crea un fisier html populat cu imagini, fisier care va fi deja o pagina web functionala ce poate fi incarcata de pe internet. O sa imi ziceti ca Photoshop stie deja sa faca chestia asta. O fi stiind el, dar rezultatul exportului acestuia… numai prietenos nu e. Foloseste tabele si alte chestii antice si hidoase, pe care standardele firmelor de online din prezent le reneaga vehement. Ca sa termin povestea, ultima etapa(cea mai importanta in general) este cand programatorul web incepe sa aduca la viata pagina HTML cea obtinuta de HTML-ist. El va face ca textele din pagina sa fie actualizate in functie de utilizatorul curent, de ultimele stiri sau comentarii, etc. Programatorul aduce asadar logica si functionalitatea.

PSDBreaker este, dupa cum vad eu lucrurile, un site/serviciu web care se doreste ucigasul HTML-istului. No more middle man. Iei fisierul PSD creat de designer, il urci pe PSDBreaker si primesti apoi pagina HTML gata generata. Si nu in modul standard si urat al Photoshop-ului ci intr-un rezultat mult mai dragut, gata de a fi pasat programatorului. Adio HTML-istului. Nu stiu de ce Adobe nu a facut ceva gen PSDBreaker implicit in Photoshop si nu ma intereseaza. Cert este ca PSDBreaker te scuteste de a mai plati un intermediar in procesul de creatie a unui nou site web.

Testul pe care l-am facut cu PSDBreaker a fost unul.. complex. I-am pasat un PSD destul de complicat (PSD la care lucrase in prealabil cam o saptamana un amic programator web, dar fara a reusi sa-i dea de cap). Am primit, jumatate de minut mai tarziu, un raspuns sumbru: “Ooops! It appears that your file produced a crash into our system!.”. Dezamagit amarnic am lasat balta situl si mi-am vazut de treaba. Dar, a doua zi dimineata, surpriza mare: am primit un email trimis de sistem, in care mi se dadea linkul(secret) cu locatia documentului HTML rezultat.

Intrat, verificat, entuziasmat -> dupa cum am scris mai sus, rezultatul spargerii PSD-ului a fost.. foarte tare. Ok, denumirile imaginilor, campurilor “div” din pagina si ale stilurilor css mai trebuie prelucrate, dar in rest treaba arata bine. PSDBreaker a reusit sa faca intr-o zi(teoretic mult mai putin) mai mult decat programatori experimentati in saptamani intregi.

Sper ca proiectul sa creasca, sa devina cunoscut si sa inceapa sa aduca bani. Scurta mea experienta mi-a aratat ca merita.

Update:
Autorul psd-ului cu care am testat jucaria este Alex Sinov, un graphic designer empatic si inspirat pe care vi-l recomand.

6 Responses to "PSDBreaker de la Krogos"

1 | Cristi

July 1st, 2009 at 6:14 pm

Avatar

Suna foarte interesant, sunt curios si eu cum merge. Dar nu inteleg de ce il “urci pe server” in loc sa rulezi un program/plugin local?

2 | Alex

July 1st, 2009 at 7:01 pm

Avatar

Aici nu stiu nici eu, ma gandesc ca se va dori a fi SAAS (Software As A Service), probabil cu o plata fixa per psd transformat.
Poate cei de la Krogos ne pot lamuri?

3 | Ionut Staicu

July 1st, 2009 at 8:08 pm

Avatar

Cred că e un indian ce stă în server şi se apucă să faca slice rapid :D

Acum serios, aştept şi eu o invitaţie să vedem ce poate, că sunt curios din cale-afară :(

Html-istu’ nu cred că-l omoară pentru că, de regulă, html-istu face tot ce ţine de front end (javascript & co) şi nu cred că s-a inventat vreun plugin să facă asta.

Eu sunt unul dintre html-işti, unul din intermediarii de care vrea lumea să scape. A lansat Eric Meyer un plugin asemănător, lansează şi Dragoş, pot lansa şi alţii. Intermediarii vor dispare doar pentru cei ce vor ceva rapid şi fără bătaie de cap. Sau cel puţin aşa văd eu lucrurile :)

4 | Alex Sinov

July 2nd, 2009 at 6:46 am

Avatar

Interesant, sunt curios de o comparatie intre PSDBreaker si Site Grinder.

5 | Alex

July 2nd, 2009 at 10:02 am

Avatar

@Ionut – adevarul adevarat este ca eu ma pricep doar superficial la zona asta a web developmentului. Un HTML-ist priceput va scoate mereu rezultate mai misto decat un script automat. Perfect de acord cu tine, vor disparea poate intermediarii pentru cei prea grabiti, care vor sa vada ceva rapid si nu sunt interesati de avantajele unui CSS+HTML creat de un expert.

Eu personal am un indian in echipa de la job care scoate un cod HTML hidos rau, si nu m-a deranja deloc sa-l vad inlocuit cu un plugin automat. :D

@Alex Sinov – nu stiam de Site Grinder, pare interesant si el.

6 | dragos

July 2nd, 2009 at 3:28 pm

Avatar

Alex – multumesc de cuvintele frumoase.

Produsul final o sa fie sub forma de plugin – nu putem sa il vindem ca si Saas, asa cum il testam acum, pentru ca nu avem voie de la Adobe. Insa pentru ca inca suntem in teste preferam aceasta varianta cu test diy automat pe server.

Apoi, in nici un caz pluginul asta nu “inlocuieste” htmlistul ci il ajuta foarte mult pentru ca rapid (de la sub 1 minut pana la cateva minute, depinzand de complexitatea psdului) ii genereaza cod standard pe care el oricum si-l bibileste dupa gustul lui. Mai mult, ii permite iteratii psd/html rapide de tot. Ce mai avem in plan sa facem – un pic de semantica insa avem nevoie de foarte multe usecaseuri, lucram la asta

Si da, bineinteles ca stim si de sitegrinder, e un plugin pentru fireworks, nu atat de rapid si de direct ca al nostru pe moment (ai nevoie de comments pe layere, genereaza absolut positioning) insa cred ca e concurent direct, din moment ce rezolva automat aceeasi problema. Cred insa ca e loc in piata suficient :-)

aboneaza-te la blogul meu

Categories

About

This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from.