CSS-zveupfumi kuti wirirana design

"Tiri kuenda kupi kuita muchiuno?" - akabvunza nokukwirira yavo (firimu pamusoro Baron Munchausen), asi zvibvunze, nekuti pachayo ndiyo mhinduro. Mugwaro - nguva dzose chinhu chakanaka, kunyanya kana zviri kubva chakanaka Developer: sei bootstrap pamusoro twitter, sezvo Cherry muti yenondo huma nheyo ZURB, kana, nokungwarira akadyara saizvozvi Baron.

All CSS-zveupfumi - zvakanaka uye inoshanda. Chokwadi mumwe fuma atangazve kukosha kwayo uye akatamira kamwe zvose nzira chete wegomo akati mubvunzo - apo kuita chiuno - haasati kuwana mutongo wayo yokupedzisira, uye akasara vertices, izvo asati akakundwa.

Adaptive marongerwo: browsers uye Soup

Internet basa inowanika kupi uye chero nguva, asi chete kuburikidza Browser. Chete ane chaiwo zvemagetsi papuratifomu. zvimwe zvose nzira dziri mhiri kutarisana inowanikwa. The Browser zvinoshanda zvakanaka mukati nezvaanogona imwe yemagetsi pakakwirira: PC, tablet, pokunyorera kana runhare. Kune dzimwe nzira, asi anonzi zvinowanzoshandiswa.

Panguva apo "mukuru» kureva, izvo haana Kudzora Mhedziso kubva pakuzvarwa, uye makwikwi akatanga kunyatsotevera, kwave kuedza fananidza chinhu.

Sezvo kugadzirwa gadziriro midziyo kombiyuta uye Mobile namano hazvigoni kudzorwa, uye kukura Browser anogara kufamba nevanhu divi, zvose kudzorwa sezvarwuri, kuti munhu wechisikigo musiyano uye nematambudziko nokuti Developers. Internet nzvimbo haagamuchiri chero mumapurazi, kana nharaunda, kana kibbutz. Kunze, Fans zvose uye vateveri nenzanga siyana zvishandiso akaramba tama kupinda mumwe, kunyangarika uye dzumbunuka.

Sezvingatarisirwa, kana pane chikonzero rokusika zvinhu nokuda Internet nzvimbo, tinoda zvikuru kana zvishoma yakavimbika hwaro, pane kuvimba shaky nokusingaperi chinja ruzivo rwokugadzira. The okuti "adaptive", "rabha", "muchinjikwa Browser" nezvakadaro. Wakauya kuva chipepa, sechiratidzo chokuti achaita basa rirege kurasika pasina, kuti zvichava zvakafanana Kutarira uye kuita ayo mashandiro chero mudziyo upi mubrowser.

CSS-framework Bootstrap

The chinangwa zvigadzirwa kurerutsa yacho programmer. Zvinofungidzirwa kuti aiva mumwe wokutanga, uri pakati zvemberi uye akakodzera kuteererwa. Nokuda kwayo sezvamunoita:

• Yepasi, Mbiru kutigumbura;
• templates, wakaiswa, rabha uye vamwe;
• Graphics, fonts, uye zvakajeka;
• Vezvenhau, mifananidzo uye mabhaisikopo utariri;
• tafura, zvatinosiita Clearance, kufambira, functionality itsva;
• chimiro, magadzirirwo chiyamuro minda ukama zviitiko, mazita;
• navigation, Tabs, Tabs, mapeji, menu, toolbars;
• chenjedzo, dialogs, mazano akayangarara zvinhu.

mugwaro iri ndizvo zvimwe zvinhu rusununguko nokuda programmer uyo anoshandisa ruzivo ichi anoshamisa kukura kambani Twitter. Zvose izvi zvakanaka, zvakakosha uye inonakidza, asi zvinofanira vainyatsoongorora pamberi vaizviti nezvaanogona zvichava riwanikwe yokuvaka.

Bootstrap, vateveri vake uye vakwikwidzi

Zvikurukuru zveupfumi zvose - ari HTML, iyo CSS, JavaScript - chinhu chinozivikanwa nevatatu uwandu siyana. Mumwe neemhizha rinotaura zvakasiyana chinetso kunzwisisa uye kunoda imwe nguva yakawanda nokuda kukura. Asi, oddly kugovera basa nzvimbo chivakwa pamberi magumo uye Basque-mugumo, asi zvose zvakafanana: zvacho nomuromo pamateko, kudarika chete pfungwa mutengi (uye ipapo kwenguva pfupi chete), tiine nokuguma hunofadza - upenyu chaihwo, dambudziko chairo uye basa mhinduro dzaro.

Zvechokwadi, yokuvaka, vakabata Bootstrap, Foundation, Kube, kupindirana kwemuvanzrira wezvirevo nemabviro UI, Uikit, UniCSS, Maxmertkit, ... anogona kushanda pazuva 10/12 payakavakirwa kutsiva nzira 1`000 / 100`000 (dzakaitwa nemaoko) + Factor "Pi". Mupfungwa yokufananidzira, CSS-zveupfumi kuponesa chirongwa kukura nguva kusaverengeka kana vakawanda maawa (dzakaitwa nemaoko), maawa 10-12 chero basa.

Kuyeuka kuti kare kukandira zai, kunyange huku vachava nenzira yakakodzera naye achitukwa, tinogona kufunga: musiyano iri nguva kutanga kwese havagoni kunyangarika, ruchapinda muruoko kudzidza urongwa, pakusarudza ndiani vanofanira, uye yakawanda dzimwe nguva-kutambisa kure kubva pakukura rikurumidze.

Developers ruzivo vanobvuma kuti kunyange usiku hazvibviri kuti pachine nzvimbo. Pfungwa dzevanhu unoshanda kupfuura chero kombiyuta, asi vanoziva chikamu - zvishoma nezvishoma uye kunyatsoona zvinhu zvose usati kunyange nyore chaizvo kugadzirisa. The uwandu uye unhu vaishandisa zvokushandisa ano zvachose uye inoti chavanoziva unovimbisa.

Modern nzvimbo - ichi hachisi yakatarwa mapeji, kuratidza adaptive marongerwo. Pakutarisira zvachose chero nzvimbo kwete kuratidza sei akangwara yokuvaka kwayo, uye chii yakanakisisa CSS-zveupfumi vane zvombo zvake, asi kuzozadzisa functionality waiti mutengi.

Anochinjika pazuva chokwadi kuti, uye chaizvoizvo

The basa kunoda mhinduro - mutemo yakasimba. Development kwakavakirwa adaptive uye muchinjikwa Browser, uri rabha marongerwo chinyorwa Analytical Tabs pane vamwe "mhando" kuti rabha - dzinonakidza basa, asi hapana zvimwe. Adaptive zveupfumi CSS, HTML, JS - achivimbisa, asi kutarisa akapoteredza tinofanira kufunga maonero ichi.

Vane kunzwisisa kwaida functionality. Pane chokwadi kuti zvekuvaka vanofanira kumhanya pakombiyuta yako yefoni yako. Asi izvi hazvirevi kuti dambudziko racho adaptive marongerwo Kuzadziswa inokosha mabasa ose dzichipfekeka.

Haugoni zvinoda kubva mabhiza ponies kubva mumwe chete: zvakafanana kudhonza ngaasungirire pamwe zvibudirire. Hazvina zvazvinoreva kuti vaite, kunyange mbatatisi kuti chibage (ndege, yakakurumbira zvikuru nguva gutsaruzhinji), apo kubva kusango mumaoko kuchengetera faira. Pano, kunyange hachi chaizvo mumwe kutsungirira.

Shoko rokuti "adaptive" rako pachako pfungwa shoko hazvirevi fanira vanoda chinhu kuita chinhu chakadai, sezvo zvaitwa, neimwe nzvimbo kana mune mamwe mamiriro ezvinhu. Pane dambudziko rayo functionality, pane platforms siyana uye Soup iro functionality ichi kushanda. Kana chipfuro ari mubishi yokuenzana, magadzirirwo nekutaurirana - iri pakuva chaiyo, kana chinangwa kugadzirisa dambudziko - nayo kwakaoma.

Uye tarisiro usingakanganwiki nguva

Programmers vari kukura nokukurumidza kwazvo, uye pamwero exponential - ndiye specificity basa racho. Akafunga programmer nguva nokukurumidza kupfuura kombiyuta, nekuti kusiyanisa inowanikwa kubva code, kwakasarudzwa kuti intuitively kubva pakuvapo yebudiriro kuvakwa mashoko. Asi dhipatimendi iri diki, zvakakodzera nemazvo kuziva zvinodiwa chiso.

Izvi pfungwa nhatu (inowanikwa, code, chiso) chete chikamu mashoko sangano. Panewo dambudziko mashoko uye mharidzo yacho. Zviri chete pakutanga kuaona zvingaita sokuti mashoko uye CSS-zveupfumi vasiri interconnected. Kutaura zvazviri, pfungwa iri nguva dzose vakatsunga kwete bumbiro chete, asiwo chokwadi chokuti rinopindura uye sei anozviita, pakutanga kwezvose, nenguva.

Pakusarudza kushandisa CSS-zveupfumi, kusarudza kana mumwe, kupima nguva inodiwa kuti kukura uye enzanirana pamusoro functionality wayo kuti kunodiwa kuti kugadzirisa dambudziko, zvinofanira kunzwisiswa - zvakakosha kwete urongwa pachayo, asi chete ndechokuti dambudziko yakurukurwa kare, zvakare It akawana kukosha. Zvakakosha kupa, mune mirayiridzo chii kukura dambudziko uye ayo anoshanda.

About makanzuru, mazano uye kuongorora zvirongwa

In chokwadi, pamwe kunzwisisa mubvunzo kuti ndiani anogona kuvimbwa uye kwete, ndiani anofanira kupa zano uye ndiani varege, matambudziko hazvizombofi simuka. Asi rakapotsa nzvimbo iyi, pane zvinetso zvakakura.

programmer ose (kunyanya vaya seboka) ruzivo rinoungana. Zvakaitika izvi pane nzira imwe kana mumwe uye ane yayo framework. Asati kutora pakutenda womumwe, kunyange kana chiri nevakawanda zvikuru uye anoshamisa, unofanira zviise nzvimbo muongorori, asi kwete muteveri.

Experience navo - zviri kumbobvira chinokosha hwaro basa, kunyanya munyika yakadaro simba munda akafanana An mashoko asi chikonzero chakanaka kukura ruzivo rwavo pachavo uye ruzivo.

Kunyange kana kwete kubudirira chinhu, hapana paakamira kudzidza zvakaitika vamwe. Chero Muchiitiko, yako ruzivo uye kuti nevamwe vari basa - zviri nani pane avo ruzivo chete, uye zvirongwa kubva Hapana mubvunzo kuti vaizotibata zvikuru uye ona zvinhu sezvazviri.