În timp, s-a produs așa, un fel de schismă, eu începând să fac web dev, el începând să facă programare deskop. C#, .net, chestii d’astea cool care mie nu-mi spun absolut nimic.

A făcut omu’ niște utilitare, le-a pus la download pe blogul propriu și, după ce l-am bătut la cap o grămadă, a decis să-și pună codul și pe Github!

No, ultima chestie făcută, inspirată de pluginul meu, este Quick Profitshare. Care este o aplicație standalone care stă în tray și monitorizează clipboard-ul. Dacă ai un link de emag în clipboard, pac, generează un link scurt de profitshare.

Prin urmare, io zic așa: stai cu ochiu’ pe blogul lui, nu se știe niciodată ce aplicație mai scoate.

În ăștia patru ani am avut foarte puține downtime-uri, majoritatea planificate, niciunul mai lung de 10-15 minute.

Absolut toate tichetele de support au avut răspuns în maxim 5 minute, indiferent de ora la care a fost puse.

După primul an de colaborare cu ei am primit acasă o agendă mare și frumoasă. Neanunțată, neașteptată.

La începutul anului am primit un VPS în teste (pe care îl folosesc ca server de git). Azi am făcut backup la serverul respectiv:

MXHost este una din puținele firme românești pe care o pot recomanda fără să stau pe gânduri.

• Teme Formidabile de WordPress / Build Your Own Wicked WordPress Themes;
• Principii de web design atractiv / The Principles of Beautiful Web Design.

Ce mă miră foarte mult este prețul foarte mic pentru ediția în limba română.

O a treia carte, mai non-techie (dar pe care o recomand oricui), Rework, este disponibilă și ea în limba română.

Nu este decât de admirat că se traduc astfel de cărți în limba română.

Kudos!

ps: nu știu dacă am văzut vreun magazin online mai aiurea și mai lent decât chip.ro!

Update

Am primit cele două cărți Sitepoint. La o primă răsfoire pot spune că:

• Mi-au sărit în ochi câteva traduceri funny (the fold = peste îndoitură, culisoare de conținut = slidere etc)
• Fontul mi se pare obositor. Combinația de serif cu line-height mic nu mi se pare cea mai fericită;
• Cărțile nu au aceeași dimensiune! Chiar dacă au un număr apropiat de pagini, una este cu câțiva milimetri mai înaltă decât cealaltă, arătând un pic ciudat în bibliotecă. Iar naivii ăia de la O’Reilly au făcut toate cărțile același format!
• Calitatea printului este bună iar hârtia cred că ar fi putut fi un pic mai groasă, că nu se supăra nimeni, chiar dacă asta însemna un preț puțin mai ridicat.

Din toată povestea am înțeles câteva lucruri (pe care le-am „rumegat” peste noapte):

• Prin 2parale trec sume importante spre afiliați. Sunt afiliați în sistem care încasează câteva mii de euro. Lunar;
• Userii nu au suficientă încredere pentru a face cumpărături online iar tu, ca site, trebuie să-i educi. Teoretic, e corect. Practic însă, e ca și cum un dealer de droguri îți spune că marfa lui e perfect sigură.
• Proiectele care merg sunt agregatoarele, comparatoarele și alte chestii d’astea ce presupun spam indexare masivă în motoarele de căutare (gen tpu.ro). Ce se întâmplă în cazul în care nu mai apari în rezultate? Well… Shit!
• Ca advertiser trebuie să ai câteva sute (cu bătaie spre o mie) de vânzări pentru a intra în sistemul 2parale. Pe de-o parte e bine pentru afiliați. Pe de-o parte e rău pentru advertiserii mici ce vor să se promoveze;
• Că tot vorbim de advertiseri, un magazin online a fost închis deoarece nu a mai putut face față comenzilor primite prin 2parale. Nu știu despre ce magazin e vorba, treaba asta pare un pic trasă de păr, dar știu că sunt destui oameni care nu pot face față unei creșteri bruște;
• În curând se vor face mici modificări în interfața 2parale. Datorită mie.

Spus, pe scurt, în momentul în care accepți o astfel de confirmare

Se presupune că site-ul ce îți cere acceptul va folosi datele tale. Nume, poze, sex etc. Ce ți se cere pe următoarea pagină?

Jumătate din datele pentru care ți-ai dat acordul să fie folosite! Autofill presupune vreo zece linii de cod. Atât. Iar asta nu se întâmplă doar la HTC. Nu, asta se întâmplă la majoritatea site-urilor ce folosesc un astfel de sistem de înregistrare.

Chiar sunt singurul care consideraă că e ok dacă îi ceri utilizatorului TOATE datele (inclusiv email-ul) și … gata? Să apeși pe „Allow” și să fii autentificat pe site-ul pe care te-ai înregistrat. E chiar așa greu? Eu am făcut și nu mi s-a părut ieșit din comun. Da, a durat aproximativ o oră, dar cunoștințele mele de PHP/MySql sunt limitate. Bănuiesc că un programator cu experiență ar face treaba asta mult mai repede.

Sunt curios de ce se întâmplă asta? Este vreun motiv legal de care eu nu știu?

Ce m-a enervat cel mai mult la toată povestea cu S3 (dar aparent nu atât de mult încât să caut până acum) a fost să schimb url-urile de forma:

http://content.iamntz.com.s3.amazonaws.com/wp-content/uploads/2011/09/[...]

Astfel încât să arate mai frumos:

http://content.iamntz.com/wp-content/uploads/2011/09/[...]

Zilele trecute am dat peste documentația S3 iar azi am avut puțin timp să încerc. Pașii foarte simpli de urmat sunt:

1. Intri în Cpanel și cauți Simple DNS Zone Editor (și faci click, doh!)
   
2. În pagina care se deschide alegi domeniul pentru care vrei să faci mișcarea asta:
   
3. În câmpul CNAME introduci URL-ul bucket-ului, în câmpul name introduci numele „subdomeniului” (la urma urmei, toată povestea asta va funcționa ca un subdomeniu):
   

   ATENȚIE! Numele subdomeniului trebuie să fie același cu cel al bucket-ului!

4. Faci un click pe Add CNAME Record și gata.

Chestia asta merge teoretic pe orice Cpanel, dar cum eu sunt găzduit de MXHost (apropo’s, au domenii .eu la doar UN EURO!) și sunt foarte mulțumit de serviciile lor, m-am gândit să îi recomand.

Ca owner de site ar fi bine să faci două chestii:

1. Launch Icon

<link rel="apple-touch-icon" href="/touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/touch-icon-iphone4.png" />

Long story short pui o imagine în public_html (sau echivalentul) pentru fiecare format ( 57×57 – default, 72×72 – ipad și 114×114 – iphone 4 / retina display )

Mai multe detalii aici.

2. Browser Bar

<meta name="apple-mobile-web-app-capable" content="yes">

Mai multe detalii aici.

Enjoy!

Prima chestie care mi-a venit în cap a fost să-i sugerez să facă un tutorial despre OpenID și autentificarea folosind diverse servicii. A zis că nu are suficientă motivație.

AJUTOR!

Așadar, dacă te interesează un tutorial în limba română despre OpenID și chestii de genul ăsta, te invit să lași un comentariu în care spui la ce ți-ar fi util un astfel de sistem de autentificare. Poate reușim să-l motivăm!

Practic însă, situația stă altfel. În funcție de câți șefi sunt în acea ierarhie, se urmează anumite… guidelines. Fiecare simte că trebuie să lase ceva în urmă. Că sfatul lui este important.

Astfel, apar siteuri gen vodafone.ro, orange.ro, cosmote.ro, homebank.ro șamd. Cred că cea mai mare pedeapsă pe care o poți da unuia care a decis soarta unui site este să-l pui să folosească site-ul respectiv!

Vodafone/Orange

Site-urile astea două, chiar dacă teoretic sunt concurente, practic sunt foarte asemănătoare: ambele sunt întortocheate, ambele folosesc AJAX într-un mod stupid (de exemplu, când fac o filtrare după anumite criterii vreau să pot salva link-ul) și ambele sunt mari și greoaie. Nu, 1mb pentru o pagină NU este ok! Orice conexiune ai avea!

Cosmote

Sunt în căutarea unui telefon și a unui abonament pentru telefon. Cum sunt deschis tuturor posibilităților, am zis să mă interesez și la cosmote. Altceva în afară de o ofertă pentru iPhone nu am găsit…

ing/homebank.ro

Lent. Pierde sesiunea. Vrei să faci mai multe plăți? Se poate. Dacă le pui în queue nu le poți modifica (logic, nu?). Interfață antică. Interfața nouă parcă e din desene animate (©) și nu are pic de branding ING etc.

Alții

stirileprotv.ro are autoplay la filme. Dacă deschizi 5 taburi e haos. Realitatea.net nu este mai prejos: o parte din link-urile de pe prima pagină sunt externe (fără nici o posibilitate să-ți dai seama de asta), dacă ești într-un articol și apeși pe link-ul pentru versiunea HTML5 ajungi… pe home etc. Cel puțin nu au autoplay la video…

Ca să nu îți imaginezi că este problemă locală, anul trecut am lucrat pentru un client corporate din afara țării. 90% din site a fost făcut fix împotriva oricărei logici. Pentru text s-au folosit imagini (s-a cerut explicit acest lucru, chiar dacă @font-face făcea treaba excelent), s-a vrut compatibilitate cu IE6 doar pentru că… nu se știe exact de ce, mai ales că Analytics arăta că IE (per total!) avea 20% pe site-ul respectiv iar IE6 avea 4% din cei 20%.

De ce?

Așa cum am zis, fiecare șef ce ar putea fi oarecum răspunzător de respectivul proiect vrea să lase un semn, ceva să zică „uite, asta a fost ideea mea!”. Indiferent dacă a fost o idee bună sau proastă.

Unde este logica în a încărca pagina pe bucăți? Să se încarce pagina mai repede? Ați putea să… știu eu, optimizați? Să veniți cu imagini ceva mai clare la telefoane nu v-a trecut prin cap?

Concluzia?

În final, ambele părți pierd. Utilizatorul are parte de un UX neplăcut, site-ul are șanse să piardă din utilizatori.

DAR! Cel mai grav este că, în momentul în care le spui celor responsabili (sau celor ce ar putea interveni) vin cu scuze: „știu eu mai bine”, „așa mi se zice de sus”, „la mine e ok, la tine e problema” sau pur și simplu „nu am avut timp”.

Prin urmare, noi, muritorii de rând suferim. În timp ce unii se chinuie să optimizeze totul la sânge, alții se chinuie să facă site-ul cât mai sluggish (15 js-uri încărcate – e drăguț când serverele sunt picate și aștepți 30 secunde să dea timeout și să continue încărcarea site-ului – 5 CSS-uri, pagini de 1.5mb, gzip dezactivat șamd) și cât mai user unfriendly.

Soluția, așa cum am zis la început, ar fi ca toți cei care au luat o decizie despre ce va conține sau cum va funcționa un site să fie obligați să folosească exclusiv acel site pentru cel puțin o săptămână. Garantat s-ar face îmbunătățiri majore! Sigur, asta dacă i-ar păsa cuiva despre utilizator.

Bonus

realitatea.net vs cnn.com vs bbc.com. Fă tu singurel o comparație între conținut, așezare în pagină și dimensiuni (kb) între cele trei site-uri care ar trebui să fie concurente.

De fapt, nu știu de ce mă miră, din moment ce realitatea face screenshot la paginile de unde se… inspiră.

E făcut în viteză maximă, căci timpul e scurt. Nu detectează dacă un film poate sau nu poate fi embeded. Probleme, sugestii, comentarii?

// ==UserScript==
// @name            youtube embed
// @namespace      youtube.com
// @include        http://www.youtube.com/*
// ==/UserScript==
// author: Ionut Staicu
// author URI: http://www.iamntz.com

	function parseURL(url) {
	  var a =  document.createElement('a');
	  a.href = url;
	  return {
	      source: url,
	      protocol: a.protocol.replace(':',''),
	      host: a.hostname,
	      port: a.port,
	      query: a.search,
	      params: (function(){
          var ret = {},
              seg = a.search.replace(/^\?/,'').split('&'),
              len = seg.length, i = 0, s;
          for (;i<len;i++) {
              if (!seg[i]) { continue; }
              s = seg[i].split('=');
              ret[s[0]] = s[1];
          }
          return ret;
      })(),
      file: (a.pathname.match(/\/([^\/?#]+)$/i) || [,''])[1],
      hash: a.hash.replace('#',''),
      path: a.pathname.replace(/^([^\/])/,'/$1'),
      relative: (a.href.match(/tp:\/\/[^\/]+(.+)/) || [,''])[1],
      segments: a.pathname.replace(/^\//,'').split('/')
	  };
	}

	var current_movie = window.location.href,
			url = parseURL(current_movie),
			movieTitle = document.getElementById('watch-headline-title').innerHTML,
			movieHeight = document.getElementById('movie_player').height;

	var embed_code = '&lt;iframe title="'+movieTitle+'" width="640" height="'+movieHeight+'" src="<strong>http://www.youtube.com/embed/'+url.params.v+'</strong>" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;';
	var embed_pop = document.createElement('div');
	embed_pop.style.marginTop = '10px';
	embed_pop.style.marginBottom = '10px';
	embed_pop.style.border = '1px solid #ccc';
	embed_pop.style.background = '#fff';
	embed_pop.style.padding = '10px';
	embed_pop.innerHTML = embed_code;

	document.getElementById('watch-info').appendChild(embed_pop);