Glosar de termeni pe frontend

Glosar de termeni pe frontend

Când vine vorba de a vorbi despre designul web, mulți oameni încep perlele ca un "browser" sau mai rău. Mai jos este o listă cu cele mai populare termeni și expresii pentru frontend, pentru educația universală. Citim, învățăm, vorbim corect!







proiectarea adaptivă, abordarea designului site-ului, ținând cont de adaptarea la diferite dispozitive și condiții, este în contrast cu designul "fix" pe scară largă numai pentru computere.

animație, schimbarea netedă a parametrilor vizați ai obiectului.

resursă, de obicei auxiliară, ca stiluri și imagini pentru pagină, de exemplu. resursele site-ului.

verificare, condiție, care este verificată. în testarea, de exemplu. confirmarea câmpului a eșuat.

domeniul tehnologiilor web care rulează pe server.
partea internă a sistemului de servere, este implicată în prelucrarea datelor.
fundal

fundal, de ex. imagine de fundal.

linia de bază, o linie imaginară în partea de jos a literelor din linie.

citarea blocului, element HTML pentru evidențierea zonei necotate a documentului. Acesta poate conține un atribut cite cu referire la sursă.

cadru, partea exterioară vizibilă a blocului, de exemplu. frontiera din stânga este marginea stânga.

Rotunjirea cadrului, de exemplu. Rotunjirea cadrului cu 3 pixeli - raza de margine: 3 pixeli, rotunjind colțul din stânga-sus - raza de sus-stânga-sus, vedeți și colțurile rotunjite.

modelul de bloc, sistemul de dimensiuni de bloc, constă din conținut, indentare și cadru, nu include indentarea exterioară și cursa.

shadow (bloc), de exemplu. bloc umbra roșu - box-shadow este roșu.

pâini de paie, navigație auxiliară pe site, reflectând în mod consecvent structura sau pașii întreprinși.

element al interfeței, atunci când este apăsat, trimiterea unui formular sau producerea unei alte acțiuni
un element de formă de buton sau un tip de intrare = "buton" (trimite și imagine).

apel invers, execuție de cod la terminarea funcției, de ex. treceți valoarea din valoarea callback-pass într-un apel invers.

unitate structurală a tabelului.
elementul de tabel td sau th
cellpadding

indent în celulele din tabel.

distanța dintre celulele mesei.

Interfață element pentru selectarea uneia sau a mai multor opțiuni, de exemplu. caseta de selectare este dezactivată.
element de introducere a elementului de tip = "caseta de selectare"
clar

clar: compensare stânga - stânga
clar: drept - drept clar
clar: ambele - curățarea completă
client-side

client-side, domeniul tehnologiilor care funcționează în browser este adesea sinonim cu interfața.

închidere, o funcție care conține în organism referințe la variabilele declarate în codul din jur.

substantiv. cod, fără a număra. (cum ar fi zahărul), de exemplu. eroare în cod - eroare în cod, dar nu o eroare în coduri (greșit).
Ch. scrieți cod, creați, programați, de ex. face un site.
colspan

o asociere de coloane, un atribut HTML pentru combinarea mai multor celule de tabel într-un rând.

coloană, coloană, zonă verticală în tabel, aspect sau text.

cruce-browser, care lucrează în toate browserele, a fuzionat.

cross-platform, care rulează pe toate platformele, fuzionează.

Grupul de lucru CSS (CSSWG)

Grupul de lucru CSS

inactiv, starea elementului de formă, în care schimbarea este interzisă, de exemplu. butonul inactiv este dezactivat.

afișare: nici una - vedere ascunsă
afișare: vizualizare bloc - bloc
afișare: vizualizare linie în linie
display: inline-block - un fel de bloc de linie

document model de obiect, casa

doctype, o vizualizare html DOCTYPE în partea superioară a documentului care indică versiunea HTML utilizată.

meniul derulant, un element de interfață care dezvăluie informații suplimentare atunci când este activat.

smoothness, smoothness, descrie schimbarea vitezei de animație cu ajutorul cuvintelor cheie sau al curbelor Bezier, de exemplu. tranziția netedă este liniară - relaxarea tranziției este liniară.

Unitatea de măsură în CSS, care depinde, de exemplu, de mărimea fontului părintelui. dimensiunea fontului 3 ema - font-size: 3em.

Activ, starea elementului de formă, în care este permisă schimbarea sa, de exemplu. butonul activ este activat.

motor, de exemplu. Safari rulează pe motorul Webkit - Safari se bazează pe motorul WebKit.

favicon, pictograma site-ului, de obicei 16 × 16 pixeli în format ICO.

un grup de câmpuri, un element care combină mai multe câmpuri de formă, de exemplu. frontieră verde pe un grup de câmpuri - frontieră verde pe un set de câmpuri.

titlul figurii, titlul sau semnătura în figura.

adj. plutitoare, blocând proprietatea, cauzând, de exemplu, blocarea ulterioară a blocurilor. layout pe blocuri plutitoare - layout float.
Ch. curgeți, urmăriți îndeaproape blocul plutitor, de exemplu. textul se înfășoară în dreapta - textul plutește la dreapta.
Ch. apăsați, apăsați spre dreapta sau spre stânga, de obicei datorită proprietăților plutitoare, de exemplu. Apăsați blocul spre stânga - blocul plutitor spre stânga.

font-weight-saturation
font-weight: normal - normal
font-weight: bold - indraznet, (nu "gras")
font-weight: curajos - mai gras
font-weight: mai usor - mai usor
font-style-font style
font-style: normal - direct
font-style: italic - italic
font-style: oblic
font-size - dimensiunea fontului, dimensiunea fontului
font-family - familia de fonturi, setul cu cască
font-family: serif - serif
font-family: sans-serif - sans serif
font-familie: monospace - monospace

O zonă vizuală caracteristică la sfârșitul paginii.
element footer - partea semantică cu metainformația.

cadru, un set de soluții gata pentru simplificarea dezvoltării.

un domeniu de tehnologii pentru dezvoltarea interfețelor web, include instrumente auxiliare și tehnologii care funcționează în browser sau pe partea clientului.
partea externă a sistemului de servere, responsabilă pentru primirea datelor, trimiterea răspunsurilor și generarea de coduri pentru browser, este inclusă în partea de server.

modul pe ecran complet, comportamentul programului sau o parte a acestuia, în care ocupă întregul ecran ca întreg.

degradarea treptată, o abordare în care browserele pentru mai vechi sunt scrise în os, ceea ce duce la apariția și comportamentul site-ului, în conformitate cu noile browsere, dar mai târziu browsere mai vechi și cârje pentru a renunța la ele.

gradient, trecere ușoară de la o culoare la alta.

gradient linear - gradient liniar
radial gradient
conic gradient
grilă

grilă, o modalitate de a aranja dispunerea elementelor în proiect cu ajutorul unui ritm vertical sau orizontal, de exemplu. grilă modulară.







O zonă vizuală caracteristică în partea de sus a paginii.
antetul elementului - partea de direcție semantică.
înălțime

implementați, implementați, de exemplu. Firefox a implementat suportul pentru tot - Firefox a implementat suportul pentru tot.

bloc in linie de bloc
caseta inline - element rând în formatarea rândului: partea de umplere a containerului de linie la care se aplică direct regulile CSS, de exemplu, cutie anonimă inline.
element in linie - element rând
stiluri inline - stiluri locale
intrare

câmp (element de intrare), element de formă. TODO.

kerning, distanța dintre perechi de litere, luând în considerare forma lor pentru un set mai uniform.

cheie cheie, unul dintre punctele de animație specificate, schimbările între care se produc automat.

animație cadru, o modalitate de a seta animație în CSS folosind cadre cheie.

layout-ul, locația blocurilor principale de pe pagină, de exemplu. layout în 3 coloane - layout 3 columns.

distanța dintre litere, urmărire, distanța totală dintre litere în text, diferă de kerning.

container șir în formatul de linie: un container virtual care conține toate elementele unei singure linii.

Înălțimea liniei, care conduce, distanța dintre liniile de bază ale textului.

listă, enumerarea secvențială a unui grup de elemente.

listă comandată - listă ordonată, ordonată după un principiu.
lista neordonată este o listă neordonată, în care ordinea nu contează.

liniuță exterioară, de ex. linia negativă de jos este de 10 pixeli - marginea de jos: -10 pixeli.

matrice (transformare), o descriere a transformării unui obiect folosind o matrice.

aspectul, aspectul sau designul site-ului de diferite grade de detaliu, de exemplu. designerul a trimis un aspect de pagină - designerul a trimis o machetă de pagină.

adj. Modal, interfață de blocare pentru efectuarea oricărei acțiuni, de exemplu. modalitate de dialog.
substantiv. fereastră modală (dialog), element de interfață, consultați modal.
multiplu

multiple, repetate de două sau de mai multe ori, de exemplu. fundaluri multiple.

multicolumn, un mecanism din CSS, care vă permite să construiți text în mai multe coloane, de exemplu. suport pentru multi-coloane în IE - mai multe coloane de sprijin în IE. Este mai preferabil decât "coloanele multiple" voluminoase.
Coloane multiple, constând, de exemplu, din mai multe coloane. prezentarea multicolumnă.

încorporat, situat în interiorul ceva, de ex. dubla cuibare.

nod, element de structură, de ex. nodul copil este nodul copil.

transparența, gradul de transparență, de exemplu. transparență de 10% - opacitate: 0,1.

Opac, gradul de opacitate, de exemplu. opac cu 75% - opac cu 75%, atunci transparența este de 25%.

accident vascular cerebral, contur exterior uniform al elementului, care nu participă la modelul bloc.

liniuță internă, de ex. liniuță interioară superioară 10 pixeli - vârf de umplutură: 10 pixeli.

pagina de navigare, de obicei o listă de linkuri cu numerele paginilor cărora li se împarte documentul.
Împărțirea în pagini, împărțirea documentului în pagini separate pentru citirea, încărcarea sau alte scopuri ușoare.
model

viteza, caracteristica vitezei de încărcare, redare etc. de ex. viteza CSS.

pixel, unitate de măsură pentru proiectarea ecranului, în pln. pixeli, abbr. buc.

polifile, script-ul, recreând funcționalitatea lipsă, de exemplu. Polifil nou pentru IE6 - polyfill nou pentru IE6.

fereastra pop-up, fereastra pop-up, o fereastră separată sau elementul de interfață care apare peste cel curent, de exemplu. fereastră enervantă.

poziția: statică - statică
poziția: absolută - absolută
poziție: relativă - relativă
Poziție: fixă ​​- fixă
pozitie: lipicios - fixat

un preprocesor, un instrument care convertește codul de la o singură sintaxă la alta, de exemplu. Preprocesor CSS Sass - Sass CSS preprocesor.

promisiunile, modul de executare asincronă a scripturilor, este în contrast cu utilizarea apelurilor de apel.

un indicator de execuție, un element de interfață care reflectă progresul operației.

Îmbunătățirea progresivă, abordarea în care toate browserele beneficiază de funcționalitate de bază, dar numai cei capabili să facă acest lucru, cum ar fi colțurile rotunjite, gradientele și umbrele, ajung mai mult.

butonul radio, tipul de element de intrare tip = "radio" pentru a selecta o opțiune din mai multe, de ex. este selectat butonul radio - butonul radio este bifat.

Rem, o unitate de măsură în CSS, care depinde de dimensiunea fontului elementului rădăcină al html, dimensiunea fontului 3 рема - font-size: 3rem.

resetați, de obicei, resetați stilurile implicite în CSS, de exemplu. stilul de resetare.

Grupul comunității responsive de imagini (RICG)

Grup comunitar pe imagini adaptive

colțuri rotunjite, de exemplu. colțurile rotunjite sunt în afara modului - colțurile rotunjite sunt în afara fasionului, a se vedea și rotunjirea cadrului.

orizontală în tabel sau în plan.
element de tabel tr

combinând șiruri de caractere, un atribut HTML pentru combinarea mai multor celule de tabel într-o singură coloană.

skafolding, generarea automată a codurilor prin descriere, metoda metaprogramării.

substantiv. scară
Ch. scară

Un script, instrucțiuni care descriu comportamentul paginilor, de exemplu. scripturile nu sunt încă încărcate.

semantica, încărcarea semantică a elementelor HTML, de exemplu. codificare semantică.

serverite, domeniul tehnologiei care rulează pe server este adesea un sinonim pentru backend.

umbra DOM, model de document umbrit

un cod care ajută la unificarea lucrului cu browserele, de obicei implementează lipsa sau normalizează suportul existent, de exemplu, HTML5-shim pentru IE8 - HTML5 shim pentru IE8.

panou lateral, partea laterală a sitului cu conținut secundar, de ex. în partea dreaptă este panoul lateral.

substantiv. înclinare
Ch. înclinare
hărți sursă

hărți de cod, marcaj special, care vă permite să potriviți fișierele sursă și codul compilat pentru depanare.

substantiv. stiluri, de exemplu. Aplicați stiluri unui element - aplicați stiluri unui element, plural. preferabil: stiluri de elemente, nu stilul elementului (incorect).
Ch. pentru a elabora, de exemplu. cum se fac selecții. Este mai preferabil decât "stilizarea" ambiguă.

fila, unul dintre straturile interfeței sau programului de site, care este activat prin selectarea antetului său, de exemplu. deschideți într-o filă nouă - deschideți în fila nouă.
fila, tasta tab, introduceți un caracter tab, comutați focalizarea la elementul următor al interfeței sau adăugați, de exemplu, un cuvânt parțial tipărit. apăsați tasta control-tab - apăsați tasta Ctrl.
Tab, un caracter tab, are o lățime configurabilă și este folosit pentru indentarea codului, de exemplu. filele sunt mai bune decât spațiile.

zonă text, element de formă pentru introducerea textului multi-linie.

alinierea, dezactivarea, orientarea liniilor textului într-o anumită direcție sau uniformă de-a lungul lățimii blocului.

text-aliniere: stânga-stânga
text-aliniere: dreapta-dreapta
text-align: justify - width

umbră (text), de ex. text umbra roșu - text-umbra este roșu.

o miniatură, o copie mică a imaginii.

Titlul, dacă este un element de titlu sau titlul unui element.
sugestie, dacă este vorba despre atributul title = "".

comutați, traduceți dintr-o stare în alta, comutați clase - clase de comutare.

un buton de ajutor, informații de ajutor care apar atunci când treceți peste un element sau când acesta este activat, în special titlu = "".

transformare, de exemplu. transformarea prin scalare în 2 ori - transformare: scară (2).

tranziție, de ex. tranziție liniară de 2 secunde durata - tranziție: toate 2s liniar.

mutați, mutați un obiect utilizând transformarea CSS, de exemplu. treceți la X și Y - traduceți (x, y).

tipografie, design text prin alegerea setului cu cască, parametrii liniei și altele.

unitate de schimbare, de exemplu. unitate de măsură "rem".

utilitate, program cu un scop îngust.

prefixul browserului, prefixul proprietății CSS -webkit- sau -moz-, de exemplu. adăugați prefixele browserului - adăugați prefixele furnizorilor.

Alinierea verticală, aranjarea elementelor pe verticală într-o linie de text sau într-un tabel.

aria vizibilă a documentului în interiorul ecranului.
element meta name = "viewport", care controlează adaptarea paginilor pe dispozitivele mobile.

site web, site web

Consorțiul World Wide Web (W3C)

Consorțiul World Wide Web, organizația care dezvoltă standarde web. Traducerea "web" ca "web" în secolul 21 este deja ridicolă.

o soluție (recepție), o metodă de rezolvare a unei probleme în condiții limitate, de ex. să vină cu o soluție.

ATENȚIE! Utilizați un browser Internet Explorer învechit

Acest site este construit pe tehnologii avansate și moderne și nu suportă versiunile 6 și 7 ale Internet Explorer.

Glosar de termeni pe frontend

Glosar de termeni pe frontend

Glosar de termeni pe frontend

Glosar de termeni pe frontend

Glosar de termeni pe frontend







Articole similare

Trimiteți-le prietenilor: