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...

10 instructiuni decizionale pentru a-ti “supraalimenta” blogul

Incep prin a spune ca vorbesc de bloguri WordPress asa ca pe celelalte platforme ce veti citi mai jos nu v-ar ajuta cu ceva…la propriu.Pentru necunoscatori prin instructiune decizionala intelegem un cod/snippet care verifica informatia;daca respectiva informatie se afla in comun acord cu instructiunea vom avea un raspuns de tip TRUE(1 la MySQL, desi nu vom trata aceasta parte aici) sau FALSE(0). 1234… if(ceva=altceva) <em>Continuam cu o serie de instructiuni</em>    else <em>Facem altceva</em> … Pentru a intelege cat mai bine ce e mai jos puteti sa va uitati in codexul WordPress unde se explica foarte detaliat cum opereaza aceste functii. http://codex.wordpress.org/Conditional_Tags Functia 1.Afiseaza un mesaj popup pe prima pagina cu is_front_page() Poate vrei sa iti saluti vizitatorii de pe prima pagina sau poate vrei sa anunti lumea cu privire la niste update-uri sau lucrari de mentenanta sau poate doar vrei sa-i enervezi la maxim cu niste reclame care par...
Continue reading...

Creeaza un captcha in PHP(si HTML)

Cum spam-ul e mai pretutindeni, iar amenintarile din partea unor scripturi cresc intr-un ritm alarmant, un script captcha e un must la orice forma de comentarii, de inregistrare etc.Chiar daca nu ofera o protectie completa, un astfel de script te poate apara impotriva majoritatii scripturilor care vor sa creeze conturi false doar cu scop publicitar. Videotutorialul de mai jos te va ajuta sa intelegi cum poti crea un captcha simplu utilizand doar PHP si putin HTML.Ideea scriptului este una simpla: Prima data se creeaza o imagine si un string(in cazul nostru un string numeric) Stringul trebuie sa ia o valoare aleatorie de fiecare data cand userul reimprospateaza pagina Valoarea stringului este transmisa printr-o sesiune intr-o alta fila php In fila respectiva se va verifica daca valoarea introdusa de user este identica cu cea din script Iar pentru  cei mai nerabdatori mai jos puteti vedea cele 2 file PHP, captcha.php, respectiv...
Continue reading...

Fa-ti propriul framework HTML/CSS

Astazi, voi discuta un lucru mai putin cunoscut, dar foarte important in arsenalul unui tanar web designer – cum sa iti creezi propriul framework in HTML/CSS.Vei vedea ca pe masura ce adaugi tot mai multe lucrari portofoliului tau anumite tipare vor iesi la suprafata.Fiecare dintre noi munceste intr-un anumit stil, iar acel stil va deveni samanta de originalitate din lucrarile tale.Important de retinut este ca prin utilizarea unui framework creat de tine reduci semnificativ timpul de lucru la un design. Notiunea de framework Dupa buna Wikipedia, un framework este un ansamblu standardizat de concepte, practici ?i criterii pentru a se aplica asupra unui tip particular de problematic?, ce serve?te ca referin?? pentru a propune ?i rezolva probleme cu conota?ii similare. Suna complicat si poate chiar este.Dar nu trebuie sa retii o definitie ca cea de mai sus.Eu cred ca e important sa retii numai urmatoarele: un framework este o fundatie, pe...
Continue reading...

Topul editoarelor web(pentru Windows) – Updated 2012

Nu esti un web designer sau un blogger daca nu te-ai lovit macar o data de un editor web.In ziua de astazi, sunt atat de multe programe pe care le poti testa incat problema nu mai e sa gasesti un editor ci sa iti alegi unul.Chiar daca esti un code-lover care are nevoie numai de functia save si replace, un editor avansat poate sa iti sporeasca productivitatea. In cazul meu, designul joaca un rol important(nu stiu de ce) asa ca prefer editoarele cu o interfata atragatoare si nu de Win95 cum vad de prea multe ori.Deja va puteti face o idee in legatura cu ce trebuie sa satisfaca un editor gratuit. Colorarea sintaxei – foarte importanta mai ales cand ai zeci si zeci de linii de cod.Iata un exemplu edificator: In imaginea de mai sus puteti vedea o sectiune dintr-un cod HTML, in editorul Notepad++. Iar in imaginea de mai...
Continue reading...