De ce site-uri de cauciuc

De ce site-uri de cauciuc?

Eu cred că credința că are nevoie de site-ul să fie din cauciuc - una dintre cele mai nocive de credințe stabilite în web design. Site-ul poate fi de cauciuc, dar nu trebuie să fie. Și „trage“ nu ar trebui toate.

Ceea ce face faptul că site-ul se întinde larg? Mai multe informații nu ne-am pus - noi pur și simplu crește padding și blocuri de text lățime. În cazuri rare (Lebedev Studio Store) folosim într-adevăr lățimea ecranului - atunci când măriți rezoluția privind dreptul există produse noi.

Pentru a determina rezoluția ecranului, care este destinat pentru site-ul, propun să acționeze în modul următor:

Se determină rezoluția la care site-ul va arata cel mai bine. De exemplu, este de 1024 × 768.
Se determină intervalul autorizațiilor sub care site-ul va „arata bine.“ Să presupunem de la 800 × 600-1600 × 1200.
Dacă un site arată cel mai bine la o rezoluție de 1024 × 768, de ce se întinde până la 1600? Chiar daca arata atat de bine la 1024 de pixeli lățime. Un site rar se simte mai bine, atunci când este întinsă peste 1024.
Dacă este necesar, și, dacă este posibil să se impună un site web, astfel încât este acceptabil să se uite la o rezoluție mai mică (800 pixeli). În cazul în care pentru un astfel de scop, ar trebui să sacrifice confortul acelor utilizatori care monitorizează suport 1024, și mai mulți pixeli sunt în considerare încă o dată, dacă pentru a aduce marea majoritate a neplăceri de dragul minorității?

In imagine - piese www.artgorbunov.ru site-ul capturi de ecran la rezoluții diferite. Vedem că fontul, dimensiunea fontului și spațierea nu sunt modificate în funcție de rezoluție. Dar de ce, în acest caz, modificați lungimea șirului? La urma urmei, are o gamă lizibilitate optimă bine definite.

Într-adevăr, chiar și la o rezoluție de 800 × 600 pagini găzdui cu ușurință o astfel de linie ca și devine la 1280 × 1024. Lungimea șir este aproape optim la 1024 × 768. De ce ar reduce pentru rezoluții mai mici și să crească pentru mari?

Singura justificare pe care o văd aici - aceasta este interacțiunea armonioasă a proporțiilor bloc de text cu proporțiile paginii (monitor sau fereastra browser-ului). „Marea stil“, în tipografie, probabil, nu mai puțin important decât lizibilitate, dar nu ar trebui să afecteze lizibilitatea. (Exemplu de deteriorare - linia stretch simbioză exemplu - set în mai multe coloane).

Sunt de acord cu tine că toate generalizările sunt periculoase, inclusiv, cu toate acestea, și este. Pentru a crede că „stretching“ din toate rândurile și coloanele - legea imuabilă a design-ecran, oarecum pe termen scurt. Cu toate acestea, nu cred că este cea mai bună soluție la „cărămidă“ site-uri de aspect ale companiei Apple și restul lumii mainstream corporative. Acesta ar trebui să crească dimensiunea fontului în browser-ul cu un pas la argumentele cu privire la lungimea optimă a șirului pierdut instantaneu semnificația lor.

Rezoluția ecranului fizic - nu este dimensiunea ferestrei browser-ului, ci doar limita superioară. Ecranul 1024 poate fi 768 × 752 × 698 fereastra dimensiune este deschisă.

Pericolul principal al unei înțelegeri superficiale a statisticii - utilizarea valorilor medii pentru luarea deciziilor. Media - o abstracție brută, care nu se aplică în statistica prezentată fără ceilalți parametri ai distribuției.

În cele din urmă, în aspectul ecranului nu are nici un sens pentru a opera pixeli: dimensiunea fontului - unitatea de bază a ochiului de imprimare - setat de utilizator.

Consultați. Consiliul de pixeli în tipografia ecran

Verst site-ul „de cauciuc“, proiectantul poate alege modul în care să vizualizeze informațiile se va adapta la dimensiunea imprevizibilă a ferestrei. Arta este de a alege lățimea coloanelor și a structurii diferitelor tipuri de materiale. Nu neapărat „trage“ toate într-un rând. Ca o regulă, nu are nici un sens să se întindă masa - coloana, din contră, este necesar să se aducă împreună cât mai mult posibil. elemente ale formatului se poate schimba calitativ atunci când trece printr-o anumită graniță.

Amândoi ați demonstrat un exemplu al paginii „Consiliul“ situată în interiorul „reacția normală“ a ecranului moderne și în limitele permise pentru lectură confortabilă. Cu întindere excesivă pentru monitoare mari pot fi controlate prin limitarea lățimii maxime a coloanelor de text sau mărirea dimensiunii fontului prin creșterea lățimii ferestrei.

Sper, dragi consilieri demonstra propriile lor exemple de „întindere inteligente“.

Și toate celelalte unități a crescut.

Lucru interesant - se întinde până la o anumită limită (de obicei 1300 pixeli). Faptul este că de foarte multe ori nu există nici un sens pentru a trage mai mult:
- Persoanele cu o rezoluție mai mare nu este aratului browser-ul pe tot ecranul;
- linia principală coloană devine prea lungă lățime de mare;
- pentru a pregăti imagini (teasere, bannere) este mult mai ușor atunci când știi limita lățimea coloanei;

Acesta este un mod convenabil de a avea un control asupra net și, în același timp, să respecte atât rezoluție mică și de înaltă.

Mă întreb dacă este posibil să se stabilească o lățime maximă în em?

Posibil. Se crede apoi încă în pixeli.

Probabil că „aspectul inteligent“ se referă la un cod de program, care este rezoluția definită de utilizator, respectiv modifică elementele de pagină. În mod ideal, astfel de site-uri pot fi schimbate și dimensiunea elementelor grafice, cum ar fi icoane și ilustrații pentru a face mai mare pentru rezoluții mai mari. Știu doar un singur mod de a face acest lucru - cu ajutorul java-script. În cazul în care utilizatorul a dezactivat executarea de script-uri, trebuie să furnizați o versiune de compromis a aspectului.

Trailing sau la final site-ul - este mai degrabă o chestiune de ideologie. Pentru unii, este important să se utilizeze întreaga lățime a ecranului pentru a mări funcționalitatea. Pentru cineva mai important decât estetica tunate lățime, dimensiunea fontului și distanța dintre rânduri. Se pare că designul posterior este mai potrivită pentru resursele informaționale și interfețe web. În timp ce fixe - pentru site-urile corporative și promoționale.

„În cele din urmă, în aspectul ecranului nu are nici un sens pentru a opera pixeli: dimensiunea fontului - unitatea de bază a ochiului de imprimare - setat de utilizator“

Aici se pune întrebarea: dacă fontul - unitatea de bază, de ce dimensiunea coloanelor (cum ar fi artgorbunov.ru) este determinată de dimensiunea ferestrei, mai degrabă decât dimensiunea fontului? Și de ce este astăzi atât de puține site-uri care zaverstany se bazează pe dimensiunea fontului? În afară de yahoo.com nimic nu vine în minte.

Tot spațiu fix pe orizontală și verticală definite în em, t. E. independent de dimensiunea fontului curent. Încercați să măriți fontul: Câmp Oficiul în logo-ul va crește proporțional.

Lățimea coloanelor, desigur, este dat ca procent. Site-ul, deoarece cauciucul.

În ultimii ani, am să adere la o astfel de practică: cauciuc pagină, dar până la 1280 de pixeli lățime, în cazul în care pagina este mai mare, atunci conținutul rămâne larg în 1280 și este centrată.

CSS:
#maindiv max-width: 1280px;
lățime: 100%;
lățime: expresie (document.body.clientWidth> 1280 '1280px': '100%'?);
>

HTML:

.........

Foarte, foarte interesant subiect! De fapt, în acest moment, nici unul dintre destinatară nu este mulțumit cu răspunsul. Da, cel mai probabil, o variantă cu un maxim Chiron se potrivește cel mai bine. Dar aici se pune aceeași întrebare: cum de a defini lățimea? Alexander a citat exemplul 1280, Yuri - 1300. De ce?

Cred că ideea de bază a unui aspect de cauciuc - nu decide pentru utilizator. . Asta este, chiar dacă proprietarul unui monitor cu ecran lat imens și proprietar al unui mic PDA-uri inteligente se bucură de la 100% (lățimea ecranului;) Teoretic, este tocmai această oportunitate, cu condiția ca un aspect competent va da cel mai bun rezultat.

Cred că puteți adăuga un număr de coloane pe un ecran lat. Acest lucru va permite un ecran lat nu are pentru a defila și a vedea lățimea digerabila de orice informații, PDA-uri și flipping în jos. Și există, dar (descrie Eugene): a pierdut o uniformă de lucru cu site-ul pe diferite ecrane. De ce este casa vom vedea (si sa se obisnuiasca!) Pentru un aranjament de elemente, iar la locul de muncă și trebuie să mă întreb pereprivykat?

Cu toate acestea, puteți crește pur și simplu fonturile, imaginile (văzut de multe ori această abordare în flash), dar aceasta nu ajută să se ocupe de schimbarea raportului de ecran.

Nu văd nici un răspuns clar, și voi fi recunoscător dacă cineva poate ajuta la clarificarea gândurilor dumneavoastră de ceață. Desigur, există cazuri excepționale, în cazul în care răspunsul este simplu, Artem citat astfel de exemple, acestea nu provoacă probleme (nakleechki, lățimea coloanelor de rețea, și așa mai departe. D.). Exemplul kaledarem nu în întregime potrivit pentru: mai mare numărul de coloane, mai mici, acestea variază în valori absolute la diferite lățimea ecranului. Dar când este vorba de o pereche de difuzor trei piese, nu-i rău uita la X-rezolutie, apoi cu creșterea ori X 3 toate foarte mult schimbat.

Dacă aveți un monitor mic (de exemplu, 1280 × 800), și doriți să vedeți cum se va comporta dezvoltat de tine sau de orice alt site de cauciuc pe ecran mare (de exemplu, 2560 × 1600), nu se grăbesc să caute un monitor cu o rezoluție mai mare, pentru că pur și simplu micșora dimensiunea fontului în jumătate, iar rezultatul este că, indiferent de modul în care site-ul este deschis de două ori mai mare monitor. Acesta va fi văzut ca blocuri diferite în afară și urât între ele format mare gol „gaură“. dispuneri lichide standard pot fi considerate ca un birou de site ca arata bine la orice rezoluție.

site-ul de cauciuc făcut pe DSS kveris foarte avantajos va arata pe dispozitive de orice rezoluție.