Dropbox: cum să îi lăsăm pe alţii să "depună" fişiere

Autor: radu.capan. Data: 22.04.2014.
Clasat la: Situri, WebDevelopment
Taguri: , , ,
0 comentarii. 2.124 afişări.

În diverse scenarii poate fi util să permiţi unor persoane, chiar şi anonime, să încarce fişiere în contul tău Dropbox. Poate lucrezi în echipă cu ceva persoane la un proiect, iar colaboratorii pot contribui cu ceva fişiere. Poate strângi fotografiile după o excursie. Poate strângi dosare pentru cine ştie ce concurs. Scenarii sunt. Dar soluţii? Una simplă ar fi să folosim JotForm, mai exact de aici. În câteva secunde, evident făcând autorizarea necesară, veţi ajunge la ceva ca mai jos. Un click pe Next şi avem deja linkul de distribuit sau codul de inserat într-o pagină web.

imagine

Doar că mie nu mi-a mers acel link. Poate pentru că nu am terminat procesul. Am trecut deci la configurarea formularului. Poţi să adaugi ce …

Bootbox.js pentru Bootstrap

Autor: radu.capan. Data: 21.04.2014.
Clasat la: WebDevelopment
Taguri: ,
0 comentarii. 1.912 afişări.

Nu ştiu cât de mult vă place vouă Bootstrap, dar mie îmi place mult de tot. Şi de la sine oferă mult, o bază solidă de pornire, dar evident nu poate acoperi toate gusturile şi mai ales nevoile. La un proiect la care am lucrat recent trebuia să ofer posibilitatea ştergerii unor informaţii. Evident că nu afişez mesajul de mai jos :). Ideea e că ferestrele modale oferite de Bootstrap cer un cod luuuung, şi dacă tu ce vrei sunt scurte confirmări te cam plictiseşti cu acele coduri. Şi uite aşa cineva s-a gândit să scrie Bootbox.js, care uşurează enorm munca.

imagine

Avem trei tipuri de dialog, după nevoi:

  • tip alertă: bootbox.alert(mesaj,callback);
  • tip întrebare cu da şi nu: bootbox.prompt(mesaj,callback);
  • tip complex: bootbox.confirm(mesaj,callback);

…

Instair: extensie pentru căutări

Autor: radu.capan. Data: 21.04.2014.
Clasat la: Programe
Taguri: ,
1 comentariu. 3.119 afişări.

Instair se prezintă ca un instrument de căutări care are versiuni pentru Chrome, Firefox, IE, Safari şi Opera. Sincer îmi place mai mult ideea, decât implementarea. Cred că mai mult scriu pentru a vă întreba: nu ştiţi ceva similar cu dar superior la Instair? Despre ce este vorba de fapt: după instalarea extensiei marcarea unui text va aduce o iconiţă semi-transparentă pe care scrie In (de la Instair, normal). Dacă mutăm mouse-ul peste acea iconiţă ne mai apar altele şase, pentru diverse operaţiuni.

imagine

Mai exact căutarea pe net (via Bing), în Amazon, pe Wikipedia, pe YouTube, pentru traducere cu Google Translator, respectiv pentru partajarea în reţele sociale. Partea frumoasă este că fiecare din cele şase nu ne scoate din pagină. În …

RSS Feed Reader pentru Chrome

Autor: radu.capan. Data: 20.04.2014.
Clasat la: Programe
Taguri: ,
0 comentarii. 2.231 afişări.

Nici nu îmi vine să cred că au trecut peste trei ani de când am scris despre RSS Live Links, o extensie pentru Chrome care pentru mine a fost aur curat până acum câteva săptămâni. Desigur, urmăresc zeci de feed-uri, unele legate de tehnologie, dar câteva mă interesează să le am mai prompt sub ochi (şi acestea, vedeţi mai jos, nu ţin de tehnologie). De aceea foloseam RSS Live Link, ca în Chrome să văd imediat cum a apărut ceva nou. Dar de vreo 2-3 săptămâni extensia, la mine cel puţin, a făcut unele probleme (din vina mea, mă explic la final). Aşa am pornit după alternative.

imagine

Şi am găsit RSS Feed Reader, o extensie care are şi o versiune …

node-webkit: Notepad-ul acum cu meniu şi scurtături din taste

Autor: radu.capan. Data: 20.04.2014.
Clasat la: WebDevelopment
Taguri: , ,
0 comentarii. 3.880 afişări.

Captura de mai jos ar putea uşor să deruteze: pare un program. Da, eu am un fişier EXE (vă amintesc că e cam mare, vreo 40MB, dat fiind că include WebKit-ul de care se foloseşte şi Chrome-ul) pe care îl lansez şi funcţionează ca un program pentru Windows. Are meniu tradiţional, are scurtături din taste… Dar în spate ne amintim că se află o pagină HTML ce prinde aripi cu JavaScript, în special cu node.js şi node-webkit. Proiectele web pot devenii aplicaţii pentru Windows sau Mac sau Linux!

imagine

Partea CSS e neschimbată. În partea HTML am scăpat de butoane acum că avem meniu. Ce contează este partea JavaScript pe care o şi pun mai jos. Funcţia construireMeniu() face ce spune numele :). M-am limitat …

node-webkit: Un Notepad scris în JavaScript

Autor: radu.capan. Data: 19.04.2014.
Clasat la: WebDevelopment
Taguri: , ,
0 comentarii. 2.801 afişări.

Continuând articolele despre node-webkit vă propun acum să vedem o aplicaţie ceva mai serioasă. Evident tot copilăroasă dar bună ca demonstraţie. După cum ştiţi, o pagină web nu poate salva local un fişier (nu mă refer o pagină pe un server, salvând pe acel server, ci la salvarea pe calculator). Cu node-webkit această limitare este depăşită. De fapt cu node.js, care include funcţiile pe fişiere, în schimb node-webkit permiţând afişarea ferestrelor de dialog pentru deschidere/salvare (Open/Save).

imagine

Am să încep cu fişierul JSON unde nu sunt modificări majore faţă de ce am mai văzut. Apare însă de exemplu iconiţa care, atenţie, este doar pentru fereastră. Executabilul va avea iconiţa node-webkit, dar cu alte programe poate fi modificată. În rest avem un JSON… normal (relativ la …

node-webkit: Să facem un executabil

Autor: radu.capan. Data: 19.04.2014.
Clasat la: WebDevelopment
Taguri: , ,
0 comentarii. 2.119 afişări.

În articolul anterior am făcut primii paşi cu node-webkit. Repet pe scurt „filosofia”: într-un folder trebuie să avem fişierele web (HTML, JavaScript, CSS, imagini, tot ce ne mai trebuie) şi neapărat un fişier package.json (am văzut un exemplu în articolul trecut). Toate acestea trebuie să le arhivăm. Atenţie: nu folderul unde se află toate ci conţinutul, adică fişierele web + acela JSON. Arhiva o redenumim cu extensia nw, fişierul rezultat urmând să îl tragem cu mouse-ul, în Explorer, peste nw.exe. Destul de lung şi plictisitor procesul. Dar nu am ajuns la executabil! Mai avem un singur pas.

imagine

Comanda magică pentru a obţine fişierul executabil este copy /b nw.exe+arhivanoastraspeciala.nw numeleexecutabilului.exe (dacă vreţi, vedeţi acest clip).

Bun. Clar procesul este plictisitor. Când …

Rapid Environment Editor

Autor: radu.capan. Data: 18.04.2014.
Clasat la: Programe, Windows
Taguri: ,
0 comentarii. 2.348 afişări.

Utilizatorii de Windows prea rar au nevoie să lanseze aplicaţiile din linia de comandă… dar când ai nevoie ţi-ar conveni ca executabilul să îl poţi lansa din orice director te-ai afla atunci. Pentru aceasta, ştim bine, trebuie să adăugăm calea spre respectivul executabil în PATH. Este o metodă relativ simplă (desigur, cu riscuri pentru neexperimentaţi), iar dacă recomand RapidEE pentru aşa ceva este doar pentru că programul poate mult, mult mai mult. În plus are interfaţă în limba română, aşa că unii ar putea prefera să îl folosească în locul săpării după PATH.

imagine

Ca să rămânem la subiect, în panoul din stânga, cu Variabile de Sistem, apare şi Path. Dăm click dreapta şi alegem Adaugă valoare. Ce mai rămâne este să indicăm …

node-webkit: Primii paşi

Autor: radu.capan. Data: 18.04.2014.
Clasat la: WebDevelopment
Taguri: , ,
0 comentarii. 2.077 afişări.

Aceeaşi căutare vizibilă în ultimele articole (a unei soluţii de a transforma nişte pagini HTML într-o aplicaţie Windows executabilă) m-a condus acum câteva zile spre node-webkit, care, spune pagina tocmai indicată „permite un mod nou de scriere a aplicaţiilor cu toate tehnologiile web”. Desigur, ce vedeţi mai jos este altceva: este pagina de la node.js, care este cerut de node-webkit. Ce face node.js (scrie mai jos în captură) este irelevant pe moment. Instalaţi cum aţi instala orice aplicaţie în Windows şi gata primul pas.

imagine

Al doilea este să reveniţi la node-webkit, la momentul actual fiind disponibile de descărcat două versiuni (0.8.5 şi 0.9.2) datorită unor aspecte tehnice pe care le sărim nefiind relevante în acest moment. Am descărcat …

Syncplify: Notepad, client şi server FTP

Autor: radu.capan. Data: 17.04.2014.
Clasat la: Programe
Taguri: , ,
0 comentarii. 1.950 afişări.

Intrând pe situl Syncplify m-a izbit faptul că prezentările video sunt făcute cu robot (partea de voce) aşa că m-am gândit imediat că poate sunt asiatici, africani, cine ştie de unde… Dar în pagina Despre spun că au birourile în Silicon Valley (şi eu pot spune… totuşi înclin să îi cred). Am avut – poate mai am – dubiile mele, dar nu pot să nu semnalez oferta lor pentru că este totuşi interesantă şi unora s-ar putea să le placă mult. Ce mi-am instalat a fost doar alternativa de Notepad numită… Notepad!

imagine

Cel mai bine este să vedeţi clipul de prezentare, dar eu vă voi spune totuşi câteva lucruri. Dacă vă place interfaţa MS Office 2013 atunci veţi îndrăgi şi …