O scara modulara este o lista de valori care impartasesc aceeasi relatie. Aceste valori sunt adesea folosite pentru tipul de marime si pentru a crea un sentiment de armonie intr-un design. Proportiile din scari modulare sunt in jurul nostru, de la distanta articulatiilor de pe degete pana la ramurile de pe copaci. Aceste proportii naturale au fost folosite de pe vremea vechilor greci in arhitectura si design si pot fi un instrument extrem de util pentru a leverage pentru designerii de web.
EMS functioneaza deosebit de bine cu scale modulare, deoarece proprietatile lor recursive imita scale modulare, facandu-le mai previzibile si mai usor de gestionat. Pixelii si alte unitati functioneaza foarte bine, iar punctele de intrerupere in designul web receptiv pot cadea in mod natural pe scara dvs. pentru a crea o relevanta mai buna pentru textul dvs., deoarece toate valorile din aspectul dvs. se armonizeaza intre ele.
Pentru a incepe, trebuie sa selectati un raport si o valoare de baza. Valoarea de baza este de obicei dimensiunea fontului textului sau 1em. Optional, puteti adauga o alta valoare pentru a crea o scara modulara dubla, care ar putea fi utila pentru a crea mai multe optiuni pentru valori intermediare. Aceasta dimensiune de baza asociata cu un raport, cum ar fi raportul auriu sau orice proportie muzicala, va crea scala dvs. de valori care impartasesc toate aceasta proportie.
Instalare
Ochelari de vedere
- Terminal: npm instala modularscale-sass –save-dev
- SCSS: @import ‘modularscale’
Webpack cu incarcator sass
- Terminal: npm instala modularscale-sass –save-dev
- Configurare Webpack: instalati si utilizati sass-loader
- SCSS: @import ‘~ modularscale-sass / stylesheets / modularscale’;
Bower
- Terminal: bower install modular-scale –save-dev
- SCSS: @import ‘../link_to_component_dir/modularscale’;
Vanilla Sass
- Descarcati cel mai recent zip
- Extrageti in proiectul dvs.
- SCSS: @import ‘modularscale’;
Busola (nu mai este actualizata. Ultima versiune v3.0.2)
- Terminal: gem instalare la scara modulara –pre
- Configurare busola: necesita „scara modulara”
- SCSS: @import ‘modularscale’;
Folosind scara modulara
Configurare si utilizare initiale:
Primul lucru pe care veti dori sa-l faceti atunci cand incepeti sa utilizati scara modulara este sa il configurati pentru a va satisface nevoile. Acest lucru se face in harta $ modularscale.
Puteti utiliza orice unitate dorita ca baza si orice raport. Se pot defini mai multe baze pentru crearea de scale cu mai multe fire. Aici nu exista nicio limita la numarul de fire pe care le utilizati.
Acum ca v-am definit scara, putem incepe sa o folosim oriunde. Pur si simplu apelati functia ms (n) unde n este punctul de pe scara.
Ocazional s-ar putea sa va terminati cu conflicte. Toate componentele critice sunt denumite pentru a evita conflictele cu alte biblioteci. Daca intampinati un conflict, functia ms () este functia fara conflict.
Firele cu scara multipla
Scara modulara accepta acum fire de setari diferite, astfel incat sa puteti configura diverse fire pentru a configura diferite rapoarte sau puncte de intrerupere.
Pentru a apela firul numit a, apelati-l in functia dvs.
xxx incesto real sexogratis
porns sexo gratis
maduras a cuatro patas videos sexo
videos porno caseros en español mia kalifa
mi vecina me folla porno abuelas
peliculas porno gay en español videos de sexo gratis
videos pornos muy guarros pprno
porno amater español guarras españolas
se follan a mi mujer nicolette shea
peliculas porno de incesto gratis videos sexo gratis
videos guarros zofilia
travestis dotadas abuelas porno
andaluzas follando videos guarros
peliculas porno vintage maduras en playas nudistas
maduras gozando videos de investo
travestis españolas video sexo
xxxgay coñitos
gitana follando guarras.com
trios x videos guarros
se folla a su madre pelisxxx
astfel:
Setarile dvs. se vor incadra in fire, astfel incat nu este nevoie sa redefiniti o baza sau un raport daca doriti sa il reutilizati din config.
Daca doriti sa introduceti puncte de intrerupere in setarile dvs. pentru a fi utilizate cu tipografie receptiva, atunci exista ajutoare in acest sens. Pur si simplu organizati configurarea cu valori ale punctelor de intrerupere de la cel mai mic la cel mai mare:
Retineti ca trebuie sa utilizati aceleasi unitati atat pentru tipul dvs., cat si pentru punctele dvs. de intrerupere pentru ca acest lucru sa functioneze
Aceasta tehnica se bazeaza pe controlul precis al lui Mike Riethmuller asupra tipografiei receptive . O tehnica fantastica pentru redimensionarea fluida a tipografiei.
Apoi, sunati mixin @include ms-respond (); si se va genera o scara complet fluida si receptiva.
Daca se intampla sa aveti valori care sunt numite doar fara numere, acestea vor fi ignorate de mixinul receptiv, este suficient de inteligent sa trageti doar valori care arata ca puncte de intrerupere.
Nota asupra valorilor care nu sunt intregi
Din pacate, Sass nu accepta in mod nativ exponentii. Nu toate acestea sunt vesti proaste, puteti folosi fie Compass, mathsass sau o alta biblioteca care are o functie pow () care accepta valori care nu sunt intregi, iar acest plugin va prelua functia respectiva si o va folosi. Apoi veti putea scrie valori precum ms (2.5). Aceasta este, de asemenea, o conditie prealabila pentru dimensiunile tinta de mai jos.
Dimensiuni tinta
NOTA: Va rugam sa consultati sectiunea de mai sus privind valorile care nu sunt intregi inainte de a utiliza aceasta caracteristica
Una dintre cele mai dificile parti ale configurarii scalei dvs. este gasirea unui raport care sa functioneze pentru dvs. In multe cazuri, stiti ce dimensiune doriti sa aiba textul si ce dimensiune doriti sa aiba titluri mai mari. Asistentul va permite sa conectati o dimensiune tinta la valoarea raportului si va va genera raportul.
Acum baza dvs. este de 16 px si cand apelati ms (5) va fi de 42 px. Totul dintre ele se incadreaza pe o scara creata cu aceste doua valori.
Rapoarte
Scara modulara include functii pentru o serie de rapoarte clasice de design si de scara muzicala. Puteti adauga si propriile rapoarte.
Raportul implicit este setat la al cincilea dolar.
Functie Raport Valoare zecimala $ phi 1: 1.6181.618 $ aurie 1: 1.6181.618 $ dubla octava 1: 4 4 $ majora-doisprezecea 1: 3 3 $ majora-unsprezecea 3: 8 2.667 $ majora-zecime 2: 5 2.5 $ octava 1: 2 2 $ major-sapte 8:15 1.875 $ minor-sapte 9:16 1.778 $ major-sase 3: 5 1.667 $ minor-sase 5: 8 1.6 $ al cincilea 2: 3 1.5 $ augmentat-al patrulea1: √ 2 1.414 $ al patrulea 3: 4 1.333 $ major-al treilea 4: 5 1.25 $ minor-al treilea 5: 6 1.2 $ major-al doilea 8: 9 1.125 $ minor-al doilea 15:16 1.067
Jurnal de schimbari
Licenta
Licenta MIT (MIT)
Drepturi de autor © 2015 Scott Kellum (@scottkellum), Adam Stacoviak (@adamstac) si Mason Wendell (@codingdesigner)
Prin prezenta se acorda, gratuit, oricarei persoane care obtine o copie a acestui software si a fisierelor de documentare asociate („Software-ul”), pentru a tranzactiona in Software fara restrictii, inclusiv fara limitare, drepturile de utilizare, copiere, modificare, fuzionare , publica, distribuie, sublicentiaza si / sau vinde copii ale software-ului si permite persoanelor carora li se furnizeaza software-ul sa faca acest lucru, sub rezerva urmatoarelor conditii:
Notificarea privind drepturile de autor de mai sus si aceasta notificare privind permisiunea vor fi incluse in toate copiile sau partile substantiale ale software-ului.
Software-ul este furnizat „asa cum este”, fara nicio garantie de niciun fel, expresa sau implicita, incluzand dar fara a se limita la garantiile de comercializare, adecvare pentru un anumit scop si neincalcare. In niciun caz, autorii sau detinatorii drepturilor de autor nu vor fi raspunzatori pentru vreo reclamatie, daune sau alte raspunderi, fie intr-o actiune contractuala, delictuala sau de alta natura, care decurg din, din sau in legatura cu software-ul sau utilizarea sau alte tranzactii din software.
