Unelte pentru Web-Developeri

Cunosc foarte mulți web developeri si fiecare este mereu într-o cautare ( disperată ) de unelte care să le ușureze munca și să-i ajute să realizeze totul fără prea mult efort. Tocmai din acest motiv m-am gândit că următoarea lista te-ar putea ajuta, așa că de ce să nu o împărtășesc cu tine? JavaScript Utilities Resumable.js O bibliotecă JavaScript ce oferă mai multe imagini simultane, stabile și care pot fi reluate prin HTML5 cu fișiere API. Offline.js  O bibliotecă pentru a avertiza automat utilizatorii când am pierdut conectivitatea la Internet. Are mai multe opțiuni tematice și nu necesită nici o configurare. Dom-compare  Modul NodeJS a compara doi copaci dom. CuttySSark  Scopul CuttySSark este de a permite developerilor front-end pentru a scrie CSS ce interacționează perfect cu modelul de evenimente JS. Odometer  Bibliotecă de tranziție / animație a numerelor, cum ar fi pe un kilometraj real. Are unele opțiuni tematice, de...
Continue reading...

Cu ce-am venit de la Gălăciuc

Hands Squeeze the Cup Am plecat în 27 iulie de acasă pentru a participa, pentru prima oară la concursul InfoEducație.După o săptămână grozavă mă simt obligat a vă spune și vouă cu ce am rămas de acolo și de ce trebuie să mai merg o dată. Înainte de începe trebuie să vă spun ce e cu acest concurs – are loc la Gălăciuc, adică într-o tabară unde esți înconjurat de copaci și ești forțat să simți aerul tare de munte și pe lângă toate astea, cireașa de pe tort, ai și net.Concursul este împărțit în 5 categorii: multimedia, soft utilitar, soft educațional, roboți și pagini web, secțiunea la care am participat și eu.Concursul constă în prezentarea unui proiect în fața unei comisii tare pertinente, care foarte subtil te va nota ținând cont de design, ingineria web, tehnici utilizate, originalitatea ideii și modul de prezentare al lucrării.Din nefericire eu am fost...
Continue reading...

CSS Orientat pe Obiect

Încă de prin 2009, un webmaster renumit, pe nume Nicole Sullivan a pus bazele celei mai interesante metode de a scrie CSS.Era numită CSS Orientat pe Obiect.CSSOO e unul din acele lucruri care mi-a lăsat o impresie foarte bună, încă de când l-am auzit ca și concept și e cu siguranță una din chestiile pe care i l-aș spune oricărui web developer.Pentru mine, chestiile cu adevărat importante sunt: să nu folosesc nicioadată id-uri pentru a face referință la un element, astea le las pentru Javascript; nu specific elementele; și folosesc clase multiple pentru a stila elementele. Prima se înțelege de la sine.Dacă stilezi un id ajungi într-o fundătură, nu vei mai putea să îl reutilizezi.Făcând referință la elemente cu ajutorul claselor, ai întotdeauna posibilitatea să reutilizezi stiluri; și singura problemă la ele e ordinea  în care elementele se succed. A doua se leagă de prima, atunci când faci referință la...
Continue reading...

Trucuri de design pentru dezvoltatorii web

Atât designerii cât și dezvoltatorii web au realizat în ultimul timp că e de ajutor să cunoască bazele celeilalte specializări.Adesea totuși, acest lucru nu se materializează practic, obținându-se rezultate dezamăgitoare atunci când produsul finit este privit din ambele perspective.Pare așa de bine când stai în sfera ta de cunoaștere, unde termenii ambiguii sau hilari de design nu sunt prezenți cu o frecvență înfricoșătoare.Dar realitatea nu e așa de înfricoșătoare…adevărul e că la baza, un design bun stă doar pe câteva principii. 1. Spațiul Conceptul sacru numit de web designeri spațiu alb(cunoscut și ca spațiu negativ) este unul dintre cele mai importante componente din web design.Marginile sale, padding-ul, spațierea literelor și line-height-ul din text; orice parte a site-ului care nu conține vreun obiect ce ar atrage atenția ochiului (ceea ce înseamnă că tiparele sau imaginile pot face parte din spațiul alb, atâta timp cât ele se retrag din prim-plan). Spațiul alb...
Continue reading...

Un editor web cu potențial – Brackets

Întâmplător, am urmărit cu câteva zile în urmă un videoclip în care se vorbea de un nou editor web, Brackets.Încă de la început, programul m-a uimit fiind simplu, elegant, foarte ușor de folosit mai ales de acei care știu ceva programare web.Progrămelul e dezvoltat de către cei de la Adobe și ceea ce m-a impresionant este faptul că e făcut în totalitate în HTML/CSS și Javascript.Trebuie să menționez că, la momentul scrierii acestui articol programul nu e încă în starea finală existând câteva buguri și puncte slabe.Totuși softul e deja funcțional așa că cei curioși nu vă speriați…puteți să-l încercați. Scopul principal al dezvoltatorilor a fost și este să creeze un editor web care să reducă foarte mult timpul pierdut de obicei cu previzualizarea, trecerea dintr-o fila într-alta – mai pe scurt au fluidizat tot procesul care în mod normal dă naștere perilor albi și celor mai tineri dintre noi....
Continue reading...

Totul despre trazițiile din CSS3

Toată lumea iubește mișcarea.Adăugând a patra dimensiune, timpul(de fapt în acest caz timpul e treia dimensiune, căci un website este în 99.99% din cazuri bidimensional – asta la momentul scrierii acestui articol), la un website este principalul mod prin care designul de pe ecran se evidențiază de cel fizic scris, printat.Trazițiile CSS sunt o metodă simplă prin care poți anima elementele unei pagini fără a mai utiliza Javascript sau Flash. W3C ne spune că tranzițiile permit de fapt schimbarea proprietăților din CSS într-un mod mai fluid, pe o perioadă de timp determinată.În alte cuvinte, tranzițiile CSS ne permit să modificăm o proprietate gradual, creând iluzia de mișcare astfel adăugând design-ului acea emoție și subtilitate pe care nu o simțim într-un timp foarte scurt. Suportul browserelor Toate browserele moderne, chiar și IE suportă tranzițiile CSS.Totuși, e important să știm că browserele care nu suportă această proprietate vor ignora pur și simplu...
Continue reading...