Braincode, gli artigiani del codice
Vi è mai capitato di navigare su Smashing Magazine o altri siti stranieri e imbattervi nelle pubblicità di web agency che facessero il famoso Psd-to-html? Ebbene degli italiani hanno avuto l’idea di importare l’idea in Italia.
X-brain infatti, una webagency italiana, ha aperto questo sito tramite il quale ricevere in modo veloce e automatizzato l’ordine di convertire da un template grafico il progetto del sito in html e css.
Ammetto che avrei voluto avere io il tempo di preparare un progetto simile, ma mi accontento di supportarli in quest’idea. Il sito è online da pochissimo, per cui siate clementi se notate qualche imperfezione, anzi se la segnalate non gli fate che un favore!
Grazie a Francesco per la segnalazione!
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
36 Commenti
Il progetto è mlto interessante, bisognerebbe sentire chi la provato, comunque ottima l’idea.
una iniziativa del genere l’ho vista da italiani, per joomla, ora non ricordo il sito, ma l’avevo trovato spulciando nei forum in cerca di guide ai template joomla
si oramai non si inventa più nulla!
Noi mettiamo a vostra disposizione le nostre competenze maturate nel tempo e con molto studio
@braincode: visto come trattate le intestazioni e ci credo che consegnate tutto i 3 giorni!!! Non mi andava di fare polemica ma lo trovo codice dozzinale e assolutamente non accessibile.
Non capisco acosa ti riferisci per intestazioni, ma il sito come scritto nell’articolo è funzionante, ma stiamo aggiornandolo. Proprio questa mattina stiamo lavorando sopra la sezione blog e le news laterali.
…meno male che non volevi fare polemica…
peggio di quanto pensassi… le intestazioni sono il fulcro di ogni pagina semantica, per intenderci, detto in “markuppese”: h1 h1 (…) h6, che nel tuo documento corrispondono alle scritte grafiche: Richiedici informazioni, ultime notizie ecc…
In un browser testuale sono fondamentali per saltare da una sezione all’altra della pagina, per navigare attraverso tab ecc.. Non voglio parlare di tecnologie assistive complesse come dispositivi braille che non vedrebbero la metà della pagina..
Questo per ribadire il concetto che in Italia è troppo semplice spacciarsi per professionisti. Hai (o avete.. non so) deciso di concentrare il vostro business sull’implementazione del markup? E allora imparate a farlo per favore…
urka come ci vai pesante laura,
io le intestazioni le vedo, perlomeno nel loro sito di braicode..
lau.. tu hai due occhi che funzionano, ma come giustamente dice Zeldman i motori di ricerca sono i più grandi utenti ciechi (proprio perchè non voglio affrontare tematiche complesse come quelle legate ai non vedenti che andrebbero trattate in altro luogo).
Un motore di ricerca non vede h1 nella homepage. Non vede l’elenco numerato che altro non è che la sistesi del loro progetto (è un’immagine), non vede tutti i testi grafici.
Mi dispiace passare sempre per la strega della situazione ma qui si sta parlando di persone che fanno del CODICE la loro prima occupazione.
sì, concordo con te sul fatto che forse sarebbe meglio creare un’altrenativa testuale alle immagini che “spiegano”.
disabilitando infatti le immagini si leggono solo gli h2 e i paragrafi.
un’ottimizzazione renderebbe il sito migliore ma sono sicura che Francesco ci sta lavorando su
Allora…per quanto riguarda gli Header li ho sostituiti…ho avuto il tempodi intervenire nel core di joomla!
Per quanto riguarda l’immagine al momento attuale è cosi perchè riteniamo più importanti le funzionalità del sito piuttostoche un’immagine che poi modificheremo e sostituiremo con delle animazioni jquery. Comunque l’alt fa un sunto del servizio proposto…
Per quanto rigurda le intestazioni della barra laterale, procederemo con l’image replacement…sono tutte cose che stiamo spuntando da una lista…
Inoltre il sito è lanciato gli aggiustamenti li facciamo con il tempo, per adesso mangiamo con lo sviluppo integrale di siti internet…non pensavamo suscitasse tutto questo interesse
Quello che dici riferito allo spacciarsi per professionisti è verissimo. Ma non credo sia il nostro caso.
non è il vostro caso perchè vedo una forte voglia di migliorarsi. Purtroppo non tutti la pensano così, spesso le critiche non vengono accettate e anzi si pensa di poter andare avanti solo con la furbizia (“tanto il cliente non capisce un tubo”). Beh che dire.. un grande in bocca al lupo per il servizio proposto che è di sicuro interesse ma mi raccomando non smettere di aggiornarti
grazie per l’imbocca al lupo…e per le critiche!
La furbizia non paga. La serietà si
….spero!
quoto laura!!!
“La furbizia non paga. La serietà si”.
Sono d’accordissimo. Per questo non trovo giusto che, in un servizio come il “portare-da-psd-a-html”, l’avere un codice CSS conforme alle linee guida del W3C debba essere pagato a parte, come qualcosa di aggiuntivo.
Lo vedo dalla pagina “Ordina Subito” di BrainCode.
Credo che invece dovrebbe essere basilare.
Non so, mi sbaglio? Gli altri cosa ne pensano?
penso che sia più che giusto…stiamo lavorando su più fronti per creare un servizio competitivo e di oggettivo valore pratico. In effetti era una cosa che stavamo valutando…e questi commenti per noi sono ossigeno
concordo con doctor stones, e credo sia anche inutile chiedere al cliente che tipo di doctype vuole, non sanno neanche cosa significhi i clienti
su questo punto invece credo sia importante. Il cliente medio può non saperlo, ma se devo servire un cliente competente è giusto che il doctype sia a scelta.
sì questo è vero, però boh mi sembra ridicolo far scegliere fra html, xhtml 1 trans e xhtml 1 strict (che non capisco perchè costi 30 euro di più, a questo punto metterei la differenza fra xhtml e html spiegando a chi non ne sa, che di default è opinabile lasciare l’xhtml perchè oramai l’html è obsoleto. non concordi?
stiamo modificando pure quello per seguire la logica del foglio distile validato di default. Quindi la maggiorazione avviene per l’xhtml strict, mentre di base forniremo xhtml 1.0 transitional.
Credo sia una soluzione più coerente.
a me pare più logico il contrario.. lo strict è un tantino più complicato…
in effetti pensandoci un pochino ho detto una cosa sciocca. Partiamo dalle basi, il transitional esiste, come dice la parola stessa, come linguaggio di transizione, per passare da una marcatura che sta diventando obsoleta a degli standard che comportano un linguaggio semantico (lo strict appunto) e che non ammettono errori di marcatura.
In parole povere, posso capire il transitional per esempio se c’è bisogno di fare un restyle di un sito tabellare e non è possibile rifare il codice d’accapo. Ma dal momento che la vostra attività si basa sulla CREAZIONE DEL CODICE allora non capisco perchè utilizzare un linguaggio di transizione quando possiamo benissimo adottare lo strict…
La scelta dell’html?
Qualcuno potrebbe pensare che non avete capito niente… toglierla subito… via…
Ciao a tutti, vi segnalo in firma un servizio simile online già prima di questo post
@Laura De Masi: testa il tuo carinissimo sito con Internet Explorer 6: ci sono vari problemi: il form di contatti è inutilizzabile (ci sono solo le select e slittano fuori dal layout sulla sinistra), la pagina servizi non carica lo sfondo (e quando lo carica è lentissimo).
Ho provato solo rapidamente…c’è anche un tag ACRONYM TITLE in maiuscolo…
Rilassati, la perfezione non esiste.
Poi, il cliente è soddisfatto quando ottiene quello che vuole, non quando lo costringi a scegliere ciò che professionalmente è più corretto..(non ti occupi anche di marketing?)
Salutii
Francesco
@De Masi: Incuriosito ho continuato a vedere un po’ il tuo sito…
Nelle pagine del portfolio c’è un end tag “li” omesso.
Ho guardato la homepage dei primi tre lavori: nella prima ci sono 18 errori, nella seconda 7 e nella terza 31…
citazione di un tuo commento:
“[..]Questo per ribadire il concetto che in Italia è troppo semplice spacciarsi per professionisti[..]”
Ed ancora più semplice criticare gli altri invece di studiare ed impegnarsi di più..
Spero che pensarai positivo con voglia di migliorarti come X-brain..
Ciao Laura un bacio
Beh io ho visto il sito in questione, tale “PSD in Xhtml”, secondo il mio umilissimo parere da “amatore” ci sono delle cose, magari non errori però mi hanno fatto schifare, tipo il div con 2 h1 nascosti, gli stili in linea.. magari il validatore non li segnala, però non è il massimo per un servizio del genere.
hhahaha che onore ragazzi! perchè non apriamo un topic sul forum su di questo? altrimenti è troppo off topic. Dunque per risponderti brevemente il mio sito non è ottimizzato per ie6 e non intendo farlo
spiego il motivo degli altri errori trovati.. nel primo sito come noterai tutti gli errori sono relativi a variabili non identificate, cosa che potrebbe risolvere solo un programmatore (io sono una grafica..), del secondo sito ho disegnato semplicemente il layout (non posso andare a controllare cosa ne fanno dei miei layout.. no?), del terzo sito stessa cosa.. era stato consegnato con 0 errori ma il cliente ha richiesto una libertà di azione che purtroppo sporca il codice, e l’ha fatto mesi dopo la messa on line e con l’ausilio di un programmatore.
In ogni caso grazie mille dell’interessamente, la cosa mi fa onore
@Francesco.. dove sono i 31 errori? approfitto del tuo gentile apporto per dare una controllatina
Ma lascialo perdere Laura, sta solo cercando di provocarti senza le basi per poterlo fare.
@Marco: sii meno sospettoso del prossimo. Ho commentato perché lei ha usato un certo tono verso X-brain. Poi ho scritto che il suo sito è carinissimo, mi piace davvero e le ho segnalato degli errori. Non la vedo una provocazione, mah…
@Laura DeMAsi: si forse è meglio spostarci stiamo sporcando il post..datemi una dritta perché sono nuovo e approdato qui prorio grazie ad un post di X-brain sul suo braincode(nonché mio concorrente).
Gli errori di IE 6 sono pochi è un peccato non correggere. Poi, se odi chi usa ancora IE 6, siamo in due.
e come sempre finisce tutto a vino e tarallucci
io invece ringrazio Francesco che mi ha dato la possibilità di fare una controllatina (dove possibile)per mettere a posto i danni fatti dai clienti (ovviamente agggratisss.. sono sempre una signora..).
Cmq ribadisco la mia fermezza nel dire che chi fa questo lavoro (trasposizione grafca mark up) non può permettersi di sbagliare
Francesco. Va bene, però permettemi di dire una cosa: tu hai criticato Laura, presentando nel frattempo questo:
<p>
<a href="/" title="Home">
HOME
in un sito che dovrebbe scrivere codice xhtml stravalidato, ecc..
Quindi proprio perchè lei ha usato un certo tono il commento tuo pareva un pò avvelenato ecco tutto. Pace =)
Lo so Lauryn, scusa..
Forse ho esagerato Marco, ma in difesa non in attacco
Poi voi siete troppo puntigliosi, spero di non trovare mai clienti come voi!
:P:P
Comunque vi dico, per esperienza, che ai clienti non importa molto del W3C, l’importante per loro è che il codice riproduca su tutti browser (anche se nessuno poi controlla) quello che hanno realizzato con photoshop.
E sinceramente per quello che costa questo servizio è anche troppo, io non posso star a controllare cosa fanno gli allievi, se mettono spazi bianchi e così via..
Concludendo, anche se non ci siamo presentati nel migliore dei modi, sono felice di aver fatto la vostra conoscenza, siete tutti bravi e quando ne avrò bisogno verrò a cercarvi..
Complimenti per il sito Lauryn!
Tu quindi ammetti di produrre un codice scadente perchè “tanto il cliente non ci capisce niente”?
E se per capito viene un professionista che ci capisce e magari non ha tempo di farselo da se?
Non è per far polemica, voglio solo capire.
mmm.. però tempo per controllare i siti altrui ce n’è…
Marco, per degli spazi reputi quel codice scadente?
Laura, per vedere se un sito è validato basta guardare l’icona del plug-in in basso a destra del browser.
Ragazzi, ho letto altri commenti in questo sito…ma siete così rabbiosi anche nella vita sociale offline?
Siate positivi, avevate un potenziale cliente/collaboratore, serio, che paga e senza storie…ora ci penserei mille volte
Saluti
la discussione per me può continuare qui….
http://www.italianwebdesign.it/forum/topic.php?id=30&replies=1#post-248