In acest scurt articol vreau sa va arat cum am realizat cu aceste coduri simple dar eficiente un header animat atunci cand dai de scroll in jos pe un site. In primul rand identifici care sunt clasele din partea de sus a site-ului care doresti sa le fixezi la ascroll on window. Deasupra acestor clase […]
Categorie: web design
Poze gratuite, site-uri gratuite pentru descarcat poze
Poze gratuite, site-uri gratuite descarcat poze. In acest articol vreau sa prezint cateva site-uri free de unde poti descraca poze pentru diferite proiecte sau tot ce este necesar in a le folosii. Poze Generice 1. Foter 2. Pixabay 3. StockSnap 4. Finda.Photo 5. Unsplash 6. Flickr 7. New Old Stock 8. Public Domain Archive 9. Magdeleine Shopify si E-Commerce 1. Burst 2. Superfamous 3. Pexels 4. Stock […]
Pluginuri esentiale pentru Visual Studio Code
Visual Studio Code este un editor de text gratuit, cross-platform, dezvoltat de Microsoft. Acesta devine rapid un favorit datorită performanței sale excelente și exuberantului număr de caracteristici pe care le oferă. La fel ca majoritatea IDE-urilor, VSCode are o piață de extindere care conține mii de pluginuri cu o calitate diferită. Pentru a vă ajuta […]
Site-uri gratuite pentru resurse Photoshop
Cand vine vorba de resurse in format psd pentru Photoshop piata este una foarte mare. In acest scurt articol o sa prezint resursele mele pentru fisiere de tip .psd 1. DeviantArt Probabil cel mai cunoscut site web pentru tot felul de aspecte legate de design și artă. Dar ați putea uita că include și una dintre […]
Clase și obiecte
În programarea orientată obiect, codul și datele sunt grupate în clase. Astfel, clasele sunt alcătuite din metode (funcții) și proprietăți (variabile), menite să lucreze împreună pentru aasigura o anumită interfață de functionalități. Clasele reprezintă un șablon – un model generalist, care nu se poate folosi decât prin instanțierea lui, acest lucru facându-se prin intermediul obiectelor. […]
Cateva motive sa folosesti AngularJS
Ce este AngularJS? Usor de inteles. Gandit de Google. Directive (taguri gandite de voi „<afiseaza-tabel-clienti></afiseaza-tabel-clienti>”) Bine documentat. Gandit pentru REST. Foarte rapid. Patern MVW. Dependency Injection. Compatibil cu JQuery (foloseste o versiune lite de jquery). AngularJS este un cadru JavaScript modern folosit pentru a construi aplicații. O singură pagină este extrem de interactiva si dinamica. […]
Cele mai importante limbaje de programare în lume
Dacă vom face o listă a celor mai importante limbaje de programare, avem două categorii. Există mai multe limbaje de programare de epocă, care pur și simplu nu vor muri și să continue să fie utilizate în domeniul respectiv. Alături de acestea, există unele limbaje de programare mai noi, care au reușit să facă amprenta […]
Redirect 404
O metoda care mi-a recomandato un coleg de munca pentru a evita erorea 404 la linkurile deja indexate in google care nu mai sunt valabile pentru un site care foloseste platforma WordPress este sa punem urmatorul cod in 404.php intr-o tema WordPress chiar la inceput. Asa se pot evita penalizarile pe care robotii de google […]
Cele mai bune PHP CMS 2016
Cel mai bune PHP CMS 2016: CMS sau altfel numit ca Content Management System este o aplicație care permite utilizatorilor să creeze, să publice și să gestioneze în mod eficient conținutul. Acest instrument puternic vă poate ajuta să vă configurati cu ușurință site-uri web, în câteva minute, care sunt atât de scalabile și personalizate. Există mai […]
Google maps responsive
M-am lovit de aceasta chestie si anume de a face google maps responsive pentru un site. Dupa o scurta cautare pe google am gasit urmatoarele coduri care evident functioneaza. Codul de harta se pune intr-un div numit map-responsive. In css avem urmatoarele coduri.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<span class="token selector">.map-responsive</span><span class="token punctuation">{</span> <span class="token property">overflow</span><span class="token punctuation">:</span>hidden<span class="token punctuation">;</span> <span class="token property">padding-bottom</span><span class="token punctuation">:</span>56.25%<span class="token punctuation">;</span> <span class="token property">position</span><span class="token punctuation">:</span>relative<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.map-responsive iframe</span><span class="token punctuation">{</span> <span class="token property">left</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span> <span class="token property">position</span><span class="token punctuation">:</span>absolute<span class="token punctuation">;</span> <span class="token punctuation">}</span> |
