Cautare in site

Articole

Categorii Articole

Realizarea unui meniu de navigare responsive

In acest tutorial vom vedea cum sa configuram de la zero, in foarte putine randuri de markup, un meniu de navigare ce se adapteaza la orice rezolutie a ecranului. DEMO MENIU DE NAVIGARE RESPONSIVE DESCARCA DEMO MENIU DE NAVIGARE RESPONSIVE Codul HTML Markup-ul este foarte simplu. Aici am inserat un simplu tag “nav” care contine […]

Curs WordPress – Instalarea manuala a unui site WordPress pe Server-ul de hosting

Curs WordPress – Instalarea manuala a unui site WordPress pe Server-ul de hosting

Instalarea unui nou site in WordPress se poate face atat pe server-ul de hosting cat si pe computer-ul local. Avem la dispozitie mai multe optiuni pentru instalare: 1. Cel mai simplu mod de instalare a WordPress este in mod sigur utilizarea instrumentelor de instalare automata pe server-ul de hosting puse la dispozitie de provider-ul serviciulului de hosting. […]

Masca de taiere cu Photoshop

Masca de taiere cu Photoshop

Efectul prezentat in acest articol este pe cat de facil de realizat pe atat de interesant. Masca de Taiere este o functie clasica in Photoshop ce creeaza un efect de vizibilitate doar in zona de suprapunere cu textul sau forma utilizata pentru crearea efectului. Masca de Taiere se diferentiaza de Masca de Nivel prin faptul […]

Copac in bol de sticla – Montaj Foto

Copac in bol de sticla – Montaj Foto

Continuam seria articolelor inspirationale cu un montaj foto de efect „Tree in a jar”, pentru a carui realizare am utilizat programul Adobe Photoshop. Avem nevoie de mai multe imagini pentru realizarea efectului propus: – un bol de sticla in png; – o imagine cu fundal transparent png reprezentand copaci; – o imaginea cu pamant; – efecte […]

Efectul Page Split Scroll – Web Design

Efectul Page Split Scroll – Web Design

Efectele JavaScript de tip Parallax sunt utilizate de cativa ani deja in web design. Unul dintre cele mai interesante dintre acestea, care incepe sa se impuna in ultimul timp, este Efectul Page Split. Acest efect presupune un scroll simultan in sensuri inverse ale coloanelor paginii web, de obicei fullwidth. In general site-urile web care utilizeaza […]

Water Effect – Montaj Foto

Water Effect – Montaj Foto

Incepem o noua serie de articole dedicate modificarii imaginilor utilizand programul Adobe Photoshop in care vom incerca sa va aducem tehnici de realizarea a montajelor foto inspirationale. In acest articol vom vedea cum se poate realiza, in doar cativa simpli pasi, un efect de apa utilizand ca si baza de pornire o imagine cu fructe. […]

Imagini si Videoclipuri Free Stock

Imagini si Videoclipuri Free Stock

Imaginile ocupa un loc central in comunicarea vizuala, fie ca vorbim despre materiale tiparite sau publicate in mediul online. Gasirea imaginilor perfecte, care sa fie in masura sa exprime mesajul pe care vrem sa il comunicam publicului, este o etapa importanta in pregatirea unei campanii de promovare, iar in ajutor ne vin bancile de imagini care gazduiesc [...]
Efectul DuoTone “Spotify” cu Photoshop

Efectul DuoTone “Spotify” cu Photoshop

Continuam seria efectelor ce se pot crea utilizand Adobe Photoshop cu Duotone. Efectul este in tendinta datorita utilizarii masive de catre Spotify, brand-ul de muzica streaming cunoscut la nivel mondial. Acest efect se poate realiza in mod foarte simplu in Photoshop si da un plus de personalitate imaginilor. La sfarsitul articolului puteti gasi pentru download […]

Transpunerea unei fotografii intr-o schita utilizand Adobe Photoshop

Transpunerea unei fotografii intr-o schita utilizand Adobe Photoshop

Continuam seria articolelor dedicate efectelor creative asupra fotografiilor cu Efectul Sketch. Pornind de la o fotografie portret vom obtine o schita realizata in creion. Pentru realizarea efectului am folosit o imagine portret (sursa pixabay.com) peste care am suprapus imaginea unei foi de caiet cu linii.   Culoarea de fundal Pentru realizarea articolului am utilizat o […]

Efectul Soft Light cu Adobe Photoshop

Efectul Soft Light cu Adobe Photoshop

Continuam seria articolelor despre efectele vintage, foarte la moda in ultimii ani, cu efectul Soft Light. Pentru realizare vom utiliza programul Adobe Photoshop. Rezultatul aplicarii acestui efect este aducerea imaginii inspre tonalitati mai calde. Vom folosi nivele de ajutare non-distructive pe care se poate interveni succesiv in fisierul .psd, fara a modifica direct fotografia originala. […]

7 Tendinte in Web Design pentru 2016

7 Tendinte in Web Design pentru 2016

Ca la fiecare inceput de an este momentul potrivit pentru a vorbi despre ce ne putem astepta de la 2016 in materie de tendinte in design-ul web. 1. Navigarea mobile aplicata la desktop Suntem deja obisnuiti ca in vizualizarea site-urilor web pe dispozitive mobile sa vedem iconita specifica numita si “hamburger”. Insa simplificarea navigarii pentru […]

WordPress – Salvarea datelor din Contact Form in Data Base

WordPress – Salvarea datelor din Contact Form in Data Base

WordPress a simplificat foarte mult realizarea de site-uri web dinamice. Pentru extinderea functionalitatilor, comunitatea dezvoltatorilor pentru platforma CMS ne pune la dispozitie peste 40.000 de plugin-uri care acopera toate extensiile de care un site web are nevoie. Pentru crearea formularelor de contact exista multe plugin-uri ce se pot utiliza printre care cele mai folosite sunt […]

Infografica in comunicarea vizuala

Infografica in comunicarea vizuala

In fiecare zi, fiecare dintre noi, venim in contact cu o cantitate considerabila de informatie. In acest context, comunicarea vizuala este cel mai bun instrument de marketing. Informatia vizuala ajunge la creier de 60,000 de ori mai repede decat textul, iar 90% din informatia transmisa creierului este vizuala. O caracteristica importanta a infograficii este faptul de a […]

Utilizare fonturi Adobe Typekit

Utilizare fonturi Adobe Typekit

Ce este Adobe Typekit? Libraria de fonturi Typekit a fost achizitionata de catre Adobe in anul 2011 si este disponibila atat pentru abonatii Adobe Creative Cloud cat si pentru oricine detine un Adobe ID. Fonturile cuprinse in librarie pot fi utilizate atat pentru folosirea locala pe calculator cat si pentru incorporarea in site-urile web (ceea […]

Top 10 fonturi web gratuite pentru titluri in 2015

Top 10 fonturi web gratuite pentru titluri in 2015

Mai jos va propun colectia mea preferata de fonturi folosite pentru titluri. Acestea sunt diponibile in mod gratuit pe siteul Google WebFonts. Pentru acest font sunt disponibile doua variante: „Lobster” si „Lobster two”. Click pe imagini pentru a vedea specimenul pe site-ul Google.   Pentru acest font sunt disponibile doua variante: „Merienda” si „Merienda One”. Click […]

Plugin pentru crearea regulilor CSS personalizate in WordPress

Plugin pentru crearea regulilor CSS personalizate in WordPress

Personalizarea aspectului temelor in WordPress se poate realiza pe mai multe cai printre care cele mai utilizate sunt: 1. Crearea unei teme child (citeste articolul complet despre crearea temelor child in WordPress); 2. Editarea directa a fisierului style.css prezent in tema activa (metoda nerecomandata – implica eliminarea regulilor personalizate la actualizarea temei. Editarea se poate […]

Cod HTML pentru Mail To

Cod HTML pentru Mail To

In site-ul nostru putem avea nevoie, pe langa formularul de contact si de un link de tip mail to. Aceasta tipologie de link da posibilitatea vizitatorilor site-ului nostru de a ne trimite un e-mail. Clickand pe link se va deschide pe calculatorul vizitatorului contul predefinit de e-mail iar campul to (catre) vor fi deja completate […]

Automatizarile in Adobe Photoshop

In acest tutorial vom vedea cum putem folosi sarcinile automate in Adobe Photoshop. Panoul Actiuni Automatizarile ne ajuta la aplicarea unei serii de actiuni in mod automat asupra unui numar mare de imagini. In mod special in acest videoclip vom crea imaginile miniatura thumb pentru galeriile de imagini utilizand automatizarea sarcinilor si panoul actiuni.

Crearea de animatii gif in photoshop

In acest tutorial vom vedea cum putem crea un banner animat in format .gif utilizand programul Adobe Photoshop. Paleta Timeline Acest tip de fisiere se configureaza intervenind asupra vizibilitatii nivelelor. Fazele imaginii se configureaza cu ajutorul paletei Timeline. Fisierul se exporta intr-unul dintre formatele de imagine specifice pentru publicarea pe web, si anume .gif. Succesiv […]

Structura de navigare completa cu functia PHP Include

Am vazut intr-un alt tutorial cum putem insera in pagina noastra php alte pagini fixe cu aceeasi extensie utilizand functia include php. In acest tutorial vom vedea cum putem crea un intreg site prin utilizarea unui meniu de navigare php pentru a mentine pagina principala fixa si a incarca in interiorul acesteia variile pagini ale […]