Categorii
Online Webdev

Chestii care contează pentru un front-end dev în Londra

Chris Hawkes vorbește pe șleau despre front-end development și face o listă simplă cu 10 lucruri pe care trebuie să le știi. Nu ai nevoie de matematică sau studii în știința calculatoarelor pentru a lucra în web development. Ce trebuie să știi în anul de grație 2020: 1. cum folosești Chrome pentru development 2. de […]

Categorii
Arhiva Webdev

Freelanceri începători: verificarea și formatarea CSS/Javascript

Cine abia începe să lucreze la modificări de teme de WordPress sau la proiecte de webdesign/webdevelopment își dă seama destul de repede că un punct pus aiurea în codul CSS sau în scriptul de Javascript strică toată treaba. În plus, nu ai chef să fii mereu atent la formatarea codului, ca acesta să placă și […]

Categorii
Arhiva Webdev

HTML/CSS pentru bloggeri: targetare fină

Fiecare blogger trebuie să modifice câte ceva la partea de HTML/CSS a blogului, dar puțini știu cum pot să modifice exact elementul acela care îi tot deranjează. De cele mai multe ori nu poți modifica CSS-ul unui element folosind o soluție de genul: #header element {color: red; } Aici intervine targetarea fină prin care un […]

Categorii
Arhiva Webdev

CSS de la A la Z: required sau cum folosim HTML5 pentru a face validări fără javascript

Guy Routledge ne duce iar prin tărâmul neguros al CSS3 și HTML5 de unde putem învăța cum să ne folosim de pseudoclasa :required și de mici trucuri pentru a face validarea formularelor fără să folosim javascript. Am văzut că în ultimii ani s-a pus accentul pe mutarea unor efecte/acțiuni din lumea javascript în cea a […]

Categorii
Arhiva Blogging Webdev

SmartWeb 2014 București: conferință internațională pentru web designeri și developeri

Evensys organizează, pentru a doua oară, SmartWeb, un eveniment internațional pentru web designeri și developeri, eveniment la care participă speakeri din UK, Germania, Slovacia, Polonia, Cipru, Belgia, Slovenia, Olanda, Austria și Franța. Cum zice americanul: „that’s no mean feat”, adică este ceva să transformi Bucureștiul în destinație internațională pentru orice fel de event. Cam era […]

Categorii
Arhiva Webdev

CSS de la A la Z: elemente grafice cu ajutorul pseudoelementelor :before și :after

Cine ar fi crezut că poți face inimi și forme stil ying-yang numai din CSS si ceva elemente HTML? Dar se poate: inimi, Pac Man, semnul infinitului și Ying-Yang se pot face relativ ușor. CSS este foarte flexibil atunci când știi ce să faci cu el. Este clar că :before și :after, unele dintre cele […]

Categorii
Arhiva Webdev

CSS de la A la Z:nth-child, @media queries și slideshow cu @keyframes și opacity. Bonus: secretele Dev Tools de la Chrome

A trecut ceva vreme de când am pus ultimul articol despre CSS în care Guy Routledge ne povestește despre cum trebuie să folosim diverese reguli CSS sau CSS3. În filmul de mai sus vei învăța cum să folosești nth-child pentru a aplica stiluri CSS numai anumitor elemente-copii dintr-un părinte oarecare. Dacă ai o listă neordonată, […]

Categorii
Arhiva Webdev

Javascript la colț de stradă: cum creezi taburi

Cum învăț ce și cum se face în Javascript/jquery și ajut pe Forumul Bigcommerce cu asemenea coduri iau, pas cu pas, calea unor coduri care mi-au dat mult de furcă în urmă cu numai un an. Degeaba le luam de pe net și vedeam că funcționează dacă nu reușeam să înțeleg CUM. Acum știu cum […]

Categorii
Arhiva Webdev

Javascript la colț de stradă: cum faci un popup simplu?

Cum lucrez în Forumul Bigcommerce în ultima perioadă, am ocazia să învăț și să aplic micile lecții ce țin de HTML/CSS/Javascript. De data aceasta voi copia aici codul la care am lucrat pentru a face un popup simplu, numit și fereastră popup ori fereastră modală (modal window). Ca idee, trebuie să ai următoarele elemente: – […]

Categorii
Arhiva Online Webdev

CSS de la A la Z: animații cu @keyframes și spațiere inteligentă cu line-height

Unul dintre lucrurile cele mai interesante la CSS3 mi s-a părut a fi posibilitatea de a face animații. Animații din CSS? Yep, și merge chiar bine. Guy Routledge, explică în filmul de mai sus cum se pot folosi @keyframes pentru a face animații faine cum ar fi o minge care sare în sus și în […]