In acest articol vom vedea cum putem prelucra o fotografie de portret pentru imprimarea efectelor pe care le putem obtine cu ajutorul intrumentelor Dodge & Burn. Vom creste contrastul dintre zonele deschise si inchise simuland efectul obtinut cu ajutorul acestor instrumente clasice din Photoshop. Instrumentul Dodge Tool (Eludare) produce efectul de luminare a zonelor peste […]
Cu ajutorul regulilor de stil CSS putem defini si acele elemente care nu se regasesc efectiv in codul paginii. Pentru acest scop putem folosi pseudo-elementele. In schimb pentru formatarea fazelor unui element existent vom folosi pseudo-clasele. Vom incepe analiza noastra cu pseudo-elementele pentru ca apoi sa vedem diferentele dintre acestea si pseudo-clasele prevazute in standardul […]
Pana acum cativa ani aceste doua activitati erau realizate de catre aceeasi persoana in cadrul agentiilor web. In timp am asisitat la diferentierea dintre cele doua conducand la doua incadrari si competente diferite, fiecare cu scopul si sarcinile sale specifice. Designerii UI se axeaza mai ales pe partea creativa, pe branding si pe appeal-ul vizual. […]
De default culoarea de selectie in browser a continutului unei pagini web este acest albastru deschis din imaginea de mai jos. Daca vrem sa personalizam aceasta culoare pentru site-ul nostru web putem folosi declaratia CSS ::selection in care specificam noua culoare, ca mai jos: ::selection {background:#57d2fb;} ::-moz-selection {background:#57d2fb;} Culoarea pe care o dam selectiei este […]
In ultimele luni vedem din ce mai multe site-uri web care prezinta un element comun si anume butoanele “ghost”. Aceasta este una dintre cele mai noi tendinte in design care apare pe valul simplificarii interfetelor. » Ce este un Ghost Button? Este un buton web simplificat la maxim, fara o culoare de fundal, fara umbre, […]
Se intampla des ca in vacante sa facem fotografii care prezinta defecte si pe care am vrea sa le imbunatatim. In acest tutorial vom vedea cum putem corecta defectele intr-o fotografie de vacanta a unui peisaj. Aceasta este imaginea originala de la care vom pleca, imagine care prezinta numeroase defecte, de la data inscriptionata, la […]
In acest tutorial vom vedea cum putem realiza un efect de Blurare Radiala pentru a da impresia de miscare pornind de la o fotografie statica. Incepem prin a face o copie a nivelului pe care se gaseste imaginea. ( click pe imagine pentru a o mari ) Pozitionandu-ne pe nivelul de deasupra pe care in exemplul […]
Alegerea paletei de culori pentru un nou proiect grafic este intotdeauna una dintre etapele fundamentale in procesul de creare a liniei grafice. Elementele inconjuratoare ne pot veni in ajutor in cautarea unei surse de inspiratie, fie ca este vorba despre un nou proiect pentru web sau un proiect pentru grafica tiparita. » Inspiratie din flori: […]
Iconitele sunt o parte importanta a site-urilor web deoarece cu ajutorul acestora putem comunica in mod mai eficient cu vizitatorii. Grafica si imaginile atrag atentia si interesul vizitatorilor fiind demonstrat faptul ca acestia au tendinta sa citeasca acele articole care le atrag atentia initial prin intermediul imaginilor asociate si a graficii aplicate. La acest link […]
Noua versiune Adobe Creative Cloud, lansata pe 18 iunie, aduce numeroase noutati pentru toate programele din pachet. In ceea ce urmeaza vom ilustra cele mai importante noutati aduse programului Dreamweaver: » Vizualizarea Live View: In noua versiune putem lucra direct in Live View, avem posibilitatea de a modifica in aceasta vizualizare orice element din pagina noastra […]
Noua versiune Adobe Creative Cloud, lansata pe 18 iunie, aduce numeroase noutati pentru toate programele din pachet. Sa vedem impreuna cele mai importante noutati aduse programului Photoshop: » Ajustarea punctului de observatie: Cu aceasta noua optiune putem schimba perspectiva ca si cum fotografia ar fi facuta dintr-o alta pozitie. Putem accesa noul instrument Deformare Perspectiva din meniul […]
In acest tutorial vedem cum putem genera si transforma umbrele personajelor din imaginee in asa fel incat sa obtinem un efect realist.
Inserarea comentariilor in codul HTML este o strategie utilizata de dezvoltatori pentru a se putea orienta mai bine in proiectele web pe care le construiesc. Comentariile sunt invizibile pentru browsere si ajuta orientarea in fisiere complexe si lungi. Sintaxa pentru comentariu este acesta: <!– acesta este un comentariu –> Comentariile sunt utilizate de exemplu pentru […]
In acest tutorial video vedem cum putem insera o harta Google intr-o pagina web. Dupa gasirea adresei in Google Maps vom merge pe optiunea Link, iar aici avem mai multe variante: – putem insera fie un link absolut in pagina noastra care odata clickat va deschide harta Google cu adresa selectata – sau putem incorpora […]
Fonturile web gratuite puse la dispozitie de catre Google pot fi incorporate in paginile nostre web in doua moduri. Google Webfonts sunt disponibile sub licenta open source si deci pot fi utilizate pentru orice tipologie de site fie ca este site-ul nostru personal sau site-ul unei mari companii. Modalitati de utilizare Fonturile Google le putem […]
Iconita favicon este vizibila in fereastra browserului langa adresa url si reprezinta de obicei logotipul in dimensiuni reduse ale firmei. Inserarea faviconul este importanta pentru orice site web deoarece da un plus de profesionalism. Extensia clasica a favicon-ului este .ico care ne garanteaza ca iconita va fi vizibila in toate browserele. Imaginea favicon este partata […]
In aceast tutorial video vom vedea cum putem include butoane gata de folosit pentru distribuirea pe retelele sociale in site-ul nostru. Sunt mai multe site-uri care ofera acest tip de butoane. Noi vom vedea site-ul Add This si in special sectiunile Get the Code – Share Buttons si Follow Buttons Butoane Share Butoanele de tip […]
In acest tutorial vom vedea cum putem insera in paginile site-ului nostru un contor gratuit de trafic. Acest instrument este util pentru a determina numarul de vizitatori al site-ului nostru, pentru a vedea care sunt sursele de trafic si pentru a vedea localizarea geografica a vizitatorilor site-ului. Servicii de contorizare trafic web Exista foarte multe […]
In acest tutorial video vom vedea cum putem incoropra in pagina web un videoclip YouTube. Putem personaliza dimensiunile ferestrei iframe in care este vizualizat videoclipul in functie de spatiul disponibil in pagina web. Incorporare Iframe In pagina videoclipului YouTube vom merge pe optiunea Distribuiti. Aici vom avea ca si prima optiune distribuirea pe retelele sociale […]
In acest tutorial video vom vedea cum putem insera in pagina noastra web si cum putem personaliza un buton jQuery de tip Scroll to Top. Acesta, dupa cum ii spune si numele, ne duce in partea initiala a paginii web in mod automat, fara a utiliza bara laterala a browser-ului sau scoll-ul mouse-ului. Descarcare plugin […]
In acest tutorial vom vedea cum putem crea un efect interesant de hover gradual asupra imaginilor utilizand tranzitiile CSS3. Pentru scrierea tranzitiilor vom folosi programul Adobe Dreamweaver. Ce sunt tranzitiile CSS 3 Tranzitiile sunt efecte care permit trecerea graduala a elementelor din pagina web de la o formatare la o alta, de la un set […]
In ultimii ani s-a impus in campul design-ului de interfete Design-ul Flat. Fie ca vorbim despre interfete de site-uri web, de aplicatii sau de sisteme operative tendinta clara de ceva vreme incoace este cea a simplitatii si modernului aduse de Flat Design. Acesta se bazeaza pe eliminarea oricaror elemente care nu sunt necesare din design […]
Se poate intampla sa avem nevoie de imprimarea comportamentului de link asupra unui text sau a unei imagini din site-ul nostru fara ca acestea sa gazduiasca efectiv un link. Acest lucru se poate face atat in cadrul codului HTML cat si prin configurarea unei reguli CSS. Imprimarea comportamentului de link prin HTML se face prin […]
