Archive for the Category Web Related

 
 

Coolest one line script

I’ve just discovered a pretty cool and neat one line script.
Just copy and paste this in your browser, on any page, then press enter to make all the content of the page editable (until refresh!). Pretty nice for designers and for testing HTML I guess :)

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

If you really like it, drag and drop the following link to your bookmarks to make your pages editable one click away.
Any Page Edit Mode Bookmarklet

Delicious se inchide – Cum sa migram pe google

Azi am aflat şi eu, ca de obicei cu întârziere, că Yahoo a anunţat că va închide delicious.
Tocmai mă pregăteam ( lunile trecute :p ) să scriu un articol despre de ce ar trebui să foloseşti Delicious (sau alte sisteme de bookmarks management).

Delicious se închide

E confirmată treaba. Vezi articol pe techcrunch de exemplu.

Vezi acolo mai multe detalii despre de ce se închide. Eu sunt cam trist din acest motiv. Sper să mă înţeleg bine cu Google, deşi parcă nu-mi convine să pun chiar toooate ouăle în acelaşi coş.

Exportul linkurilor din Delicious

Din fericire, exportul de linkuri din Delicious este foarte uşor. Te loghezi pe contul de pe Delicious, te duci la Settings (dreapta sus), şi apoi pe Export / Backup Bookmarks. Sau click aici, că e mai rapid.

Click pe export îți salvează o pagină HTML. M-am speriat inițial că nu o să o pot importa așa ușor. Tu n-ai de ce să-ți faci griji însă.

Acum că ai fișierul HTML, care conţine toate linkurile tale din delicious, salvat pe PC și ai ajuns cu cititul până aici, o să presupun că știi și ce-i ăla Google Chrome și că îl ai și instalat.

Importul linkurilor din Delicious în Google Chrome

Click pe cheia din dreapta sus (settings). Alegi Bookmarks Manager, apoi în stânga, din meniul de Organize, alegi Import Bookmarks și alegi fișierul HTML pe care l-ai salvat din Delicious. Dacă nu-ți apare în listă, selectează All Files la afișare.

Ura. Gata. Ai terminat. Sau nu…

Sincronizarea linkurilor în Google Chrome

Doar nu o să te mulțumești doar cu importul. Delicious îl foloseai ca să salvezi și să ai acces de oriunde la linkurile tale. Pentru asta ai nevoie de un cont de google (Google Account).
Pentru asta te duci la Settings (cheia mecanică, hai că deja ai învăţat) şi în tabul Personal Stuff o să găseşti Sync. Alegi Setup Sync şi te loghezi cu contul tău de google. Click Click and all Done.

Concluzii

Eu unul mă declar momentan nemulţumit şi bifez această soluţie ca o soluţie temporară. Mă nemulţumeşte faptul că sunt blocat pe Chrome pentru sincronizare. Vreau să am linkurile disponibile pe Web nu pe Browser. Aş fi sperat la o sincronizare automată cu serviciul Google Bookmarks

Dacă ai alte soluţii mai smart, don’t feel shy, please do share.

Microsoft Docs Online – Docs.com quick review

Microsoft vine cu o nouă (pentru mine cel puțin) jucărie: docs.com. Nu știu voi, dar eu așteptam de multă vreme o reacție la google docs. Aveam și speranțe mari, recunosc. Și încă am, chiar dacă am reușit să bulversez rapid aplicația, bruscând-o apăsând la întămplare pe taste. La un moment am avut senzația că, pentru editorul word, vinovat pentru cauzarea unui reset al paginii pe care o editezi este Double-Enter (all the way).

Primele impresii despre Docs.com

Cont și login

Signup on Facebook dragii mei. Semne de parteneriat din ce mai ce mai strâns între Facebook și Microsoft (vezi adaugarea de rezultate luate din Bing pentru căutările de pe Facebook). Să vă văd acum ce o să vă apucați să shareuiți documente word cu rețete de prăjituri pe toți pereții facebook-ului.
Treaba cu login-ul nu este însă un lucru rău. Chiar deloc. Cred că și tu preferi să te loghezi pe un serviciu nou rapid, fără să stai să-ți faci cont (vezi Vic? E și FB-ul bun la ceva!).
Mai interesant este însă că nu există cont alternativ. Deci dacă n-ai cont de FaceBook (la tine acolo în grota din care ai ieșit), sau dacă ți l-ai șters după ce ai văzut The Network (sau din alte motive Vic), eu zic că e momentul să dai un click pe butonul de sign-up / please-fb-take-me-back.

Docs.com Microsoft Word Online

Word online (sau word for facebook (?)) arată foarte asemănător cu versiunea desktop Word 2010. Nu e chiar la fel de elegant, că este totuși o aplicație full browser based, dar arată bine și se mișcă tare bine… în IE8 (subliniez și accentuez). În Firefox-ul meu pe laptop se sacadează jenant. Trebuie să testez cu cineva să văd cum merge în mod colaborativ. Care dai și tu share la o rețetă de sos să o edităm împreună, realtime?

Docs.com Microsoft Excel Online

Arată la fel de bine și se mișcă bine. N-am reușit însă să import o schemă de date complexă și nu mi-am dat seama dacă e cumva de la faptul că nu a mers upload-ul sau că nu a fost în stare să convertească toate formulele. N-am primit nicio eroare.

Ar fi bună o listă comparativă cu funcțiile suportate în spreadsheeturi docs.com vs google docs, dar sper că nu te așteptai să o găsești aici. Dacă găsești un link mișto poate îl shareuiești și cu noi. E simplu: Mă adaugi prieten pe facebook (virusescu), faci un Excel pe docs.com pui linkul (sau linkurile în el) și îmi dai și mie share (sau la toți prietenii… nu te gândi că vreau exclusivitate).

Microsoft Powerpoint Online

Online Powerpoint-ul de pe docs.com arată la fel de bine ca desktop Powerpoint-ul pe care mi-l aduc eu aminte. Nu prea sunt fan Powerpoint așa că o să vă las să îl descoperiți singuri. Oricum vroiam să vorbim despre aspectele mai generale, despre direcție, lansare. Să dai click pe butoane te descurci și singur(ă). Știu eu că am mainly geeks readers.

Import fișiere

Pe lângă faptul că e un pic neintuitiv (mai ales după ce m-am obișnuit cu google docs) și greu de găsit de unde dai import (de la Add a doc - generic de fapt și nu pare așa greu dacă îl cauți unde trebuie), nu am reușit să import un fișier în contul de docs.com (sau de FaceBook de fapt?)

Prea mult social-media-friendliness strică

Permisiuni

Poate voi nu sunteți așa paranoici, însă tot cred că dați, măcar cu un pic de îngândurare, click pe butonul de allow, când îți mai sare cate un pop-up de FaceBook în ochi să te întrebe chestii bizare. Cine știe ce vrea nebunul să-ți posteze pe wall. Dacă vine și-ți măzgălește pereții?
Cert e că cere ceva permisiuni, în mod repetat chiar, asta pentru nu-ți cere toate permisiunile de la început, ci doar atunci când aparent are nevoie de ele.

Sharing all the way

Eu nu zic că e urât să împarți. Dar serios acum. Eu nu mă simt prea confortabil cu o aplicație așa prietenoasă, care dacă te apuci tu să uploadezi un fișier și nu ești atent (cum nu era eu să fiu) te trezești că ai uploadat pe FaceBook vizibil la toți prietenii (că așa e bifat by default), ultima poezie de dragoste pe care ai scris-o (că rețetele de sos le ții în alt folder și n-ai avut cu ce să testezi, știu).

E însă cool că poți să setezi să nu-i lași pe useri să downloadeze fișierul totuși. Nu că ar vrea cineva să salveze ce ai de gând tu să uploadezi, stai liniștit(ă). Mi se șoptește din culise că s-a inventat copy-paste-ul. La naiba. Trebuie să testez, dar acum parcă nu mai e așa cool.

Concluzii – Save As docs.com

Sunt sincer un pic dezamăgit și intrigat de direcția docs.com. Folosesc Google Docs de ceva vreme și nu pot spune că aș face schimbarea. O să testez mai în detaliu spreadsheeturile de Excel pe IE9, să văd cum se mișcă cu seturi de date mai complexe pe ultimul Exploder.

Cred că sunt însă departe de a face trecerea.

Ce mă intrigă însă (că e târziu și mă și repet), este direcția asta către Social and Sharing. Softul pare buggy pe alocuri, l-am blocat rapid și are un set funcționalități normale. Speram să vină cu ceva peste Google însă pare lansat în grabă. Componenta de Facebook nu o pot integra la capitolul “peste Google” pentru că Google are de pe la începuturi sharing de documente care nu mă obligă să shareuiesc doar cu prietenii; poate vreau să shareuiesc extrasul de cont cu dușmanii.

Eh… docs.com este totuși un tool de urmărit. Presimt că vor să vadă cum prinde la publicul de pe Facebook și dacă o să fie folosit ca o unealtă colaborativă. Vorbim totuși de Microsoft și eu unul nu-mi permit să le critic deciziile fără să știu factori au stat în spatele lor.

Happy docs-ing

Ia gata bă cu testele

Sunt printre cei care “nu cred” in Internet Explorer 6 şi m-am bucurat şi amuzat la siteuri precum ie6funeral şi ie6death.
De când lucrez cu ceva clienţi mari (mare corporaţie, nu dau nume), am ceva dubii în ceea ce priveşte moartea acestuia pe calculatoare care încă rulează XP.
E normal, îi înţeleg. Nu pot decât să mă bucur că fac mai degrabă dezvoltare flash pentru ei decât generic: dezvoltare web, pentru că altfel nu m-aş fi distrat prea mult cu testele.

The game is ending soon

Aşa am perceput eu campania Microsoft care nu doar că încuraja instalarea browserului IE8, ba chiar punea la bătaie şi un premiu.

Însă, mai ales în corporaţile mari, nu poţi să te joci aşa cum vrei tu cu softurile. Era clar că unii clienţi vor dori în continuare suport pentru IE6. Sper că nu v-aţi făcut iluzii că o să se termine totul aşa rapid. Eu doar am sperat.
Eram totuşi liniştit pentru că aveam la dispoziţie un tool foarte draguţ (pe vremuri Xenocode, acum devenit Spoon Studio unde puteai testa, fără prea mulţi nervi şi setupuri complexe, cum rulează siteurile şi aplicaţiile tale web în browsere minunate precum IE6.

Game over, really

Şi-am intrat azi pe spoon studio, la lista de browsere, pentru că un client mi-a trimis un screenshot cu eroare de IE6, care la mine în IETester nu apare. Şi… surprizăăăă….

Microsoft has asked us to remove Internet Explorer from this service.

We hope to work with Microsoft to restore cloud-based access to their browsers shortly, but in the meantime we have disabled access to Internet Explorer.

Când pana mea s-a întâmplat asta??!?!?

Adică stop joc băieţi, că nu vrem să se mai joace lumea cu softurile noastre prin emulatoarele voastre. Ia gata, nu mai testaţi. IE6 is dead.
Pai bine mă băieţi, acum te pomeneşti că e vina dezvoltatorilor că au sprijinit IE6 atâta vreme şi de-aia n-a murit când trebuia.

Ceva veşti de la Microsoft?

Eu nu prea le înţeleg atitudinea, deşi parcă îmi covine. O să pot să zic la un client la un moment dat: “Nu mai putem testa pe IE6, ne pare rău”. Şi să vezi atunci distracţie cu debug pe screenshoturi de la client :P .
Mă gândesc că poate au scos ei vreo soluţie de testare? Sau pur şi simplu vor să îngroape de tot IE6? Sau era pur şi simplu treabă de imagine şi nu s-au înţeles cu licenţele?

Semne bune, de invidiat

Ce-mi pare bine totuşi să remarc este faptul că nu prea a observat lumea acest lucru. Asta nu mă poate face decât să vă invidiez, aşa un pic :) . E semn că nu mai testaţi pe IE6, sau mă rog, că folosiţi alte tooluri precum IETester pe care testez şi eu în prezent. Eu totuşi sper că nu mai testaţi de multă vreme şi sper să vă urmez în curând.

Despre plagiat – Câinii latră, ursu merge

Sau, cum ar fi mai din lumea noastră: dezvoltatorii latră plagiatorul merge?

A venit vremea să ne mândrim: Am fost plagiați. Mă rog, Alecs a fost plagiat, dar cum n-are blog, mă mândresc eu și pentru el, după vreo săptămână.

Descoperirea

Siteul Elitedent a fost plagiat cu o neruşinare şi lene de-aia ieşită din comun. Mi-a scris un domn din Polonia, că a văzut un articol pe siteul unui designer polonez.

Au şi ei un Călin Mureşan de-al lor, ne-am zis (cine ştie cunoaşte).

Update 20 Decembrie: Ionut a descoperit inca un site copiat de data aceasta de niste gigei din Argentina mi se pare si, ca sa vezi, fix pe acelasi domeniu http://dentalmercosur.com/ . Astia de mai sus macar au pus osu la treaba si au inlocuit pozele.

Revolta

M-am pus şi am scris un mail frumos clientului, foarte explicit, în engleză. Am primit un răspuns că cică să-i sun. Bravo mă.

Durere, plânsete, amenințări din partea clientului ca să mergem peste ăia, să-i omorâm, să-i spargem (deşi am o vagă senzaţie că se referea fix fizic, nu hack-atack).

Resemnarea

Nu cred că se va rezolva ceva. Ce-i interesează pe băieţii aia care vând tonere sau imprimante sau ce-or vinde ei acolo că siteul e copiat. Clienţii lor nu ştiu asta. Ştiu asta doar o mână de oameni care au văzut siteul când a fost featured pe CSS Mania (yey for that also).

Ursul bătrân

Ursu nu e clientul ăsta al nostru de-acum. Nooo. E fix Călin Mureşanul nostru vechi, sau clientul lui.
Îmi căutam un avatar, cu mine, că nu mai aveam poze pe PC şi-am descoperit un post pe blog-ul lui Radu Ceucă, de acum mai bine de 4 ani, despre plagiat
Şi-mi dau seama că putem să ne scanalizăm noi cât vrem mă băieţi (şi fete), dar când văd siteul de la Improbus, neschimbat, după atâta vreme, mi-e cât se poate de clar că ne scandalizăm absolut degeaba.

Ce mai rămâne de făcut?

Ce-o să facem? Să-i dăm pe-aia în judecată? Să pierdem timp şi bani efectiv aiurea? Poate reușim să dăm jos siteul după ceva eforturi și alergături prin hățișul legal, dar cred că ne consumăm energia degeaba.
Așa că tot ce rămâne de făcut este să ne lăudam c-am fost copiați.
Și-atât.

Diesel Kicks Ass

O campanie dementa cu o gramada de clipuri foarte misto realizate. Enjoy.

Mai multe pe youtube :)

Draga EMAG – you fucking legal spammer

Dragă Emag,

Cine sunt eu să fac gură și să-mi permit să comentez, că doar nu mă ține nimeni cu contract legat de voi (și-mi aduc aminte iar de Vomafone, but I digress). Sunt un simplu cumpărător… Nu stau eu să vă dau sfaturi cum că în ziua de azi a web-ului, fie el chiar și românesc, e un pic inconvenabil să nu salvezi shopping-cart-ul și în baza de date ca atunci când fac research pe un produs și ajung seara acasă și vreau să-l cumpăr să nu mă trezesc că n-am de unde să-l iau.

Nu e ca și când sunt singurul care face research pentru produse mai scumpe de 300 euro, dar, ei bine, se PARE că SUNT SINGURUL care îți  citește termenii și condițiile.

Poate nu aș fi citit dacă nu-mi sărea în ochi un box de text cu scroll-bar pentru cele încă maxim 5 rânduri, bine plasat în formularul de confirmare comandă. Zice așa:

Cumpărătorul este de acord să primească obiecte promoţionale, produse gratuite, precum şi informaţii prin postă, telefon, e-mail, SMS sau alte mijloace de comunicare de la Vânzător şi partenerii săi.
Prin încheierea acestui acord, Cumpărătorul acceptă să se aboneze la newsletterele eMAG.

Ma rog. Nu sunt genul care să se supere la astfel de tertipuri. Good for you EMAG, you’ the smart guy! Bravo mă! Bravo vouă dacă vă merge cu orice fraier. Da’ hai totuși, dacă tot aveam coşuleţul cu vreo 1500 RON în el, hai să cumpăr, doar că hai să zic pas la newsletter. No checkmark for me la “Am citit termenii şi condiţiile de mai sus şi sunt de acord cu acestea.“.

Nu zic că deja eram înscris la newsletter dar chiar şi dacă nu era faza cu SMS-urile tot nu bifam mă, de-al dracu.

Ei bine… nu merge aşa la voi, dragă EMAG. Dacă nu eşti de acord cu termenii, nu ai voie domn’le să cumperi. Păi fuck you dragă, că nu sunt de acord să-mi dai numărul de telefon la alţii şi să-mi dai semeseuri.

I’m so sad… A trebuit să renunţ. Nu e ca şi când la PC Garage n-aş fi găsit aceleaşi piese… MAI IEFTINE (cu puţin, dar trebuia să zic şi asta dacă tot sunt cârcotaş).

Mie sincer mi se pare mare nesimţire treaba asta. Dar asta e, voi să fiţi sănătoşi. Pleasure doing business with you.

Moarte IE6 si IE7, TRAIASCA IE8

Astăzi familia îndurerată a dragului (aşa sunt eu ipocrit cu cei pe moarte) şi bunului IE6, şi-a anunţat renunțarea la orice speranță și chiar intenția de a grăbi curmarea suferințelor octogenarului.

Deşi încă trăieşte, zbătându-se oligofrenic totuşi dar ignorat de noile generaţii de useri şi browsere, nu puţini sunt cei care i-au bătut deja crucea şi mâncat coliva bătrânului IE6 (vezi: http://ripie6.com/ şi http://ie6funeral.com/ de exemplu).

Dragă MICROSOFT, află că suntem alături de tine, sprijinindu-te şi susţinându-te în astfel de momente de grea încercare.

Să punem acum punctul pe i.

EXPLORE8.RO este din punctul meu de vedere o inţiativă cel puţin strălucită ce trebuie laudată şi mai ales susţinută.
Într-un final glorios Microsoft s-a decis să se alăture delicat “poporului”. Într-un final glorios mă simt de 10 ori mai bine că Microsoft mă susţine ca dezvoltator de aplicaţii web şi-i pasă de nervii pe care mi-i mănânc făcând siteuri “şi pentru IE” pentru că n-am încotro.

Microsoft pune la bătaie, prin intermediul unei mici campanii, drăguţe pot spune, un premiu de 10000 de Euro. Campania se prezintă sub forma unui fel de “treasure hunt” pe diverse siteuri (partenere :) ). Userul trebuie să navigheze cu ultima versiune de Internet Explorer 8. Ce-mi mai place este şi pushul pe Silverlight şi deşi eu sunt mare fan şi suporter Adobe Flash, repet: Dragă Microsoft, jos pălăria.

Aşa că dragi dezvoltatori, astăzi este cazul ca şi voi să susţineţi Microsoft, care încearcă să ne ajute să trecem peste aceste episod mult prea lung din viaţa noastră care s-a numit IE6 (şi 7). S-or fi săturat şi ei de câtă carne au în frigider.

Cum premiul este foarte tentant pentru majoritatea utilizatorilor de net, aceasta poate fi, dacă proiectul este susţinut de comunitate, o piatră de hotar destul de importantă în renunţarea la cel care a fost IE6.  Aşa că: MOARTE IE6 şi IE7, TRĂIASCĂ IE8!

[UPDATE] 28.04.2010 14:30
Mdaaa, m-am dumirit cand am aflat si eu intr-un final despre Ballot Screen care este in traducere libera pistolul pus la tampla Microsoft.
Si eu care credeam ca vai ce dragut din partea MS sa faca o asa miscare si sa-si promoveze cum trebuie ultima versiune de software. I gave them too much credit. My bad.
DAR, totusi, indiferent de motivele lor, cred ca pentru majoritatea userilor asta cu “instaleaza-ti IE8 ca poti castiga 10000 de euro” este un argument mult mai bun decat “IE6 sucks ass”. Asa ca o sa ma folosesc pe cat posibil de bugetul lor, ajutandu-i sa faca switch-ul, chiar daca motivele ne sunt mult mult diferite.

The Big Giant Button

Am gasit azi un buton super tare. Am vrut sa nu dau click pe el.
Eram la un pas sa trec pe langa el. Ma convinsesem ca nu vreau, si cu toate astea, subconstientul meu a gasit o solutie. Mi-a dat ideea sa scriu pe blog. Nu puteam sa scriu pe blog despre acest buton bestial fara sa stiu ce se ascunde in spatele lui. Era scuza perfecta.

Butonul l-am gasit pe prima pagina www.gaiaonline.com unde mi-am facut cont sa vad care e treaba cu avatarele respective. M-am plictisit dupa maxim 5 minute cand am dat logout si am descoperit minunea. Sunt tare curios ce rata de click au, si cate e-mailuri primesc pe adresa aia mica scrisa jos.
Daca iti pui ambitia, da, te cred ca nu dai click. Dar de ce sa iti refuzi aceasta placere :) ?

XenoCode – Your Browsers Online

Dragii mei dezvoltatori, va prezint XenoCode. Your Browsers Now Online

Între timp XenoCode a devenit (evoluat zic ei) Spoon Studio. Lista de browsere o găsiţi aici

In timpul cautarii mele de tooluri pentru testarea CSS pe mai multe browsere, mai ales dupa ce mi-am instalat VISTA si dupa ce aparut si IE8, am descoperit aceasta bijuterie de software online.

Tot ce trebuie sa faci este sa iti instalezi un plugin (xenocode plugin) pentru browserul pe care il folosesti in mod frecvent, plugin care vine sub forma de xpi pentru firefox si activeX pentru IE. All it’s covered :P , pe alte browsere n-am testat.
Pluginul asta iti permite apoi sa rulezi orice aplicatie (din lista de pe site). Linkul pe care vi l-am dat contine o lista draguta de browsere, pe care le puteti rula chiar si daca nu aveti drepturi administrative pe sistemul respectiv.

Ma gandesc ca merge si pe Mac, din moment ce e ca plugin de browser. Poate sa confirme careva?

Plus ca lista de aplicatii care pot fi rulate nu se limiteaza la browsere.
Am o vaga senzatie ca pe viitor va fi totusi pe bani, dar mi se pare prea frumoasa tehnologia. I hope you’ll also enjoy it.

Update: Am uitat sa mentionez. Credits for the finding goes to Viorel ca mi-a dat bijuteria asta cand l-am intrebat de o metoda misto de testat HTML-ul.