Tocmai când credeam că am scăpat de terorile precedenței și moștenirii în web design, avem de luat în considerare un alt factor în stratificarea noastră. Indicele z al unui obiect determină ordinea acestuia în stiva de elemente dintr-o pagină. Acesta este … Citeşte mai mult
Putem specifica, cu un control deosebit, exact unde să fie situate în cele din urmă elementele în fereastra noastră. CSS ne permite să modificăm locația în așa măsură încât poziția unui element pe pagină să nu aibă nicio legătură cu locația … Citeşte mai mult
Flotarea unui obiect cu CSS ne permite să-l mutăm în interiorul obiectului său părinte, ignorând (într-o oarecare măsură) celelalte elemente din apropiere. Rețineți că flotarea este doar pentru valorile stânga/dreapta, nu sus/jos, chiar dacă mișcarea lor se poate simți astfel … Citeşte mai mult
Aceste concepte înrudite vă permit să controlați cantitatea de spațiu dintre conținutul dvs. și containerul său și dintre container și obiectele din jurul acestuia. Spațierea (padding) controlează cantitatea de spațiu din interiorul containerului, de exemplu, între text și un set de … Citeşte mai mult
Model cutie (Modelul cutiei CSS. Credit: Matthias Apsel/Wikimedia Commons, CC0. Traducere Nicolae Sfetcu) Chenare Pentru a identifica mai bine unde se află conținutul nostru pe o pagină și pentru a semnifica faptul că este diferit de materialul din jurul acestuia, … Citeşte mai mult
Selectori (Structura regulii CSS. Terminologia CSS pentru o intrare tipică într-o foaie de stil, o regulă de stil. Descrie formatul de utilizat pentru orice listă neordonată imbricată într-o pereche de etichete de element de bloc de diviziune. Gruparea declarațiilor între … Citeşte mai mult
Acum că ne-am concentrat asupra noilor caracteristici ale HTML5 și am avertizat despre metodele ineficiente la care au recurs dezvoltatorii în trecut, să aruncăm o privire la câteva alte etichete și metode pe care să le evităm să le folosim … Citeşte mai mult
Când creați paginile HTML și urmați modelele de design responsiv care limitează etichetele la structurale cât mai mult posibil, ați pus deja bazele pentru a accepta dispozitivele mobile. Când tot conținutul paginii dvs. este împărțit în zone logice, iar acele zone … Citeşte mai mult
Curba Bezier <html> <body> <canvas id=”canvas” width=”300″ height=”300″ style=”border: 1px solid #c3c3c3;”> Oh no! This browser does not support HTML5 🙁 </canvas> <script> context.beginPath(); context.moveTo(10, 130); context.bezierCurveTo(0, 10, 290, 10, 290, 290); context.lineWidth = 10; context.strokeStyle = black; context.stroke(); </script> … Citeşte mai mult
<!DOCTYPE html> <html> <body> <canvas id=”canvas” width=”300″ height=”300″ style=”border:1px solid #c3c3c3;”> Oh no! This browser does not support HTML5 🙁 </canvas> <script> var canvas=document.getElementById(„canvas”); var canvas1=canvas.getContext(„2d”); canvas1.beginPath(); //declare the beginning of settings for our line canvas1.strokeStyle = „rgba(50, 0, 0, … Citeşte mai mult
Elementul canvas (nou începând cu HTML5) ne permite să abordăm paginile cu un control mai mare prin desenarea și crearea de grafice în stil SVG pe pagină în timp real cu JavaScript, și oferându-ne capacitatea de a anima și controla mișcarea … Citeşte mai mult
Favicon Un favicon este un tip special de imagine. Este mica pictogramă care însoțește titlul paginii în titlul și fila browserului. Această pictogramă este utilizată automat în fiecare pagină găsită în dosarul în care este stocată faviconul. De exemplu, pentru … Citeşte mai mult
