Amafomu angama-40 we-CSS angeke alahleke kunoma iyiphi iwebhusayithi

Uma kunokuthile okuvame kakhulu ukwenzeka kunoma yiluphi uhlobo lwewebhusayithi, lawa amafomu. Amafomu esiwasebenzisayo ukugcwalisa imininingwane yokuxhumana, faka imininingwane yasebhange, ungene kwinethiwekhi yokuxhumana nomphakathi noma umane wenze usesho olufana nalesi esivame ukwenza nsuku zonke kwinjini yokusesha yakwaGoogle.

Ngakho-ke namhlanje sizokukhombisa Amafomu angama-40 ku-CSS esukela kumafomu wokuxhumana, ukuphuma kwekhadi lesikweletu, ukungena ngemvume, okulula, ukubhaliswa noma ukuqinisekiswa. Uchungechunge lwamafomu obuhle nesitayela sokunikeza lelo phuzu elikhethekile kuwebhusayithi yakho, ngaphandle kwengqikimba.

Ifomu lokuxhumana elincane

Ifomu lokuxhumana elilula eline- imiphumela ehlukahlukene enkulu njengamamaki entanta noma ukugqwayiza kolayini. Ikhodi enhle yeCSS ene-JavaScript encane. Uma ufuna i- ifomu lokuxhumana elincane lokhu kukulungele.

I-athikili ehlobene:

Imitapo yolwazi esezingeni eliphezulu engu-23 yokwakhiwa kwewebhu

Ifomu elincane

Okunye ifomu elincane, yize kuyi-CSS kuphela ezoba yi- ifomu elilula futhi elinomphumela ophezulu. Ayinazo izithombe ezincanyana zangaphambilini, kepha ifeza inhloso yayo kahle.

Ifomu lokuxhumana levintage

Ifomu lokuxhumana levintage, umklamo omuhle kakhulu. Isabele kulawo mawebhusayithi ukubonwa kuselula, yize ingafaki ukuqinisekiswa.

Ifomu lokuxhumana nencwadi

Este ifomu lokuxhumana ine-animation enesifiso: kwakhiwa incwadi. Ilula, kepha ilusizo kakhulu ngombala omningi.

I-athikili ehlobene:

Amakhadi wamahhala we-HTML ne-CSS angama-27 amabhulogi, i-e-commerce nokuningi

Ifomu lokuxhumana elinwetshiwe

Este ifomu lokuxhumana linwetshiwe Kungasemaphethelweni kuphela futhi ine- ukuqinisekiswa nge-jQuery. Sichofoza inkinobho entantayo bese ifomu lizovela ngokugqwayiza okunempilo. Okuvelele.

I-UI Yokuxhumana

I-UI Yokuxhumana kuyifomu elenziwe nge-HTML ne-CSS. Kugqama ngokuba khona ikhadi lokuxhumana elilula esingagcwalisa ukuze inkambu yombhalo kuphela ishintshe lapho ichofozwa.

Ukuphuma kwekhadi lokukhokha

Un ukuphuma kwekhadi lokukhokha yenziwe nge-HTML, CSS neJavaScript okuyi ihlukaniswa ngopopayi ojikelezayo ikhadi lesikweletu lapho sicindezela i-CVC noma inkambu yezinombolo zokuphepha.

Idizayini yekhadi lesikweletu

I-CSS emsulwa ye- ukuphuma kwe- amakhadi wesikweletu ngemibala eyisicaba. Inemibala futhi ilula kakhulu ekwaziyo ukukhombisa ikhwalithi nobuchwepheshe.

I-UI yekhadi lesikweletu

Elinye ikhadi lesikweletu ku-HTML, CSS nakuJavaScript evelela ukuthi lihle kanjani ukhethe ukwakheka okuphelele. Sikhohlwe ngokugqwayiza kule ngxenye yekhodi yewebhusayithi yakho. Yilande kulesi sixhumanisi.

Phendula Checkout

Phendula Checkout, eyenziwe ngeReact.js, ihlukaniswa ngu isithombe eseceleni esingenza ngezifiso ngezinsizakalo noma imikhiqizo esiyithengisa ku-eCommerce yethu.

Ikhadi lokukhokha le-Checkout

Lokhu kubheka kuveza ukuthi kungenzeka ukubeka isithombe ekhadini. A ifomu elilula nelicacile elenziwe nge-CSS3, HTML5 kanye ne-jQuery encane. Ikhwalithi ephezulu futhi yehlukile kukho konke ukuphuma kulolu hlu. Ungalanda lapha leli khadi lokukhokha lokuphuma.

Ukukhokha ikhadi lesikweletu

Este ifomu lokukhokha lekhadi lesikweletu kuhlelwe ukuzijayeza ne- IJavaScript yokukhohlisa kwe-DOM. Ungakhumbula ekwakhiweni kwekhodi enhle yeStripe, isevisi yasebhange ledijithali esondela ku-PayPal.

Ikhadi lesikweletu

Inhle ukuphuma kwenkokhelo yekhadi ihlukile kwezinye futhi isuselwe ku- ikhadi lesikweletu elitholakala phezulu ukuze ngezansi sibe nefomu lonke elinemininingwane ehlukile iklayenti okufanele liyigcwalise ukwenza inkokhelo ku-eCommerce.

Ifomu lesinyathelo ngesinyathelo

Un ifomu lesinyathelo ngesinyathelo yokubhaliswa okwenziwe nge-HTML, CSS neJavaScript. Izinyathelo ezine zephuzu ngalinye etholakala ohlangothini lwesobunxele. Opopayi abaqede kahle befomu eliqediwe kakhulu. Kunconywe kakhulu

Ifomu lokusebenzisana

Un ifomu lokusebenzisana ukudlula okuningi okwenziwe nge-HTML, CSS neJavaScript. Kugqama ukugqwayiza kwezinguquko phakathi kwezinyathelo ngasinye. Inokuthinta okuhle okungeke kungabonakali.

Ifomu lesinyathelo ngesinyathelo

Este ifomu lesinyathelo ngesinyathelo ivelela ngobuciko obukhulu. Uzophendula imibuzo ukuze ukwazi ukubuyela kubo nganoma yisiphi isikhathi ngokuba khona ngokubonakalayo esikrinini ngaso sonke isikhathi.

Isinyathelo ngesinyathelo

Ifomu lesinyathelo ngesinyathelo lenziwe nge-HTML, CSS neJavaScript. Kubonakala ngokugqwayiza kokuguquka phakathi kwezinyathelo ngasinye.

Ifomu le-jquery lesinyathelo esiningi

Uma une ifomu elide kakhulu, lokhu kulungele izigaba ezahlukahlukene ngebha yokuqhubeka ehlaba umxhwele. Ngokuya nge-jQuery ne-CSS, ivelela ukwakheka kwayo nobuhle bayo obukhulu.

Ifomu lokugqwayiza le-UI

Izinguquko zalesi Ifomu lokugqwayiza le-UI kunjalo ngokususelwa kuDomink Marskusic. Ukunakwa ngomphumela wokudala webhokisi eliluhlaza okwesibhakabhaka lapho sichofoza kwezinye izinkambu ezimbili zokungena ngemvume.

Ukwakhiwa kwe-akhawunti / ifomu lokungena ngemvume

I-gimmick ukungena nokudala i-akhawunti okuncike ekugqwayizeni kwenzekani phakathi kwalezo zingxenye ezimbili. Ubukhona bamanje futhi obutelekile buzokwenziwa nge-HTML, JavaScript ne-CSS.

Ukugqamisa kwenyoka

Ukugqamisa kwenyoka kungenye yokungena ngemvume okuhlaba umxhwele kunoma yiluphi uhlu ukuthi ivelela ukugqwayiza okuhle lokho kuvela ngokushesha mzuzu lapho sichofoza kwenye yalezi zinkambu ezimbili.

Isikrini sokungena ngemvume

Yakha lo mklamo isikrini sokungena ngemvume banjalo nabo ukugqwayiza nokuthi kudalwa kanjani. Uma ufuna ukuba owamanje kakhulu uma kukhulunywa ngokwakhiwa kwewebhu, leli fomu alikwazi ukulahleka. Okusemqoka.

Ukungena ngemvume kwe-UI design

Idizayinelwe ukusebenzisa i-HTML, iSass, ne-jQuery. Ukungena ngemvume kwe-UI design es ei-legant futhi icacile esihlokweni esingasweli ukugqwayiza okucashile ukuze sibe esinye sezintandokazi ohlwini.

Ukungena kwe-akhawunti yokungena nokungena kwe-UI

Okukhethekile ukwakheka kokungena ngemvume ne-UI yokudala i-akhawunti  ngemibala nokwethula ku- ikhadi elilodwa elikhulu lezi zingxenye ezimbili. Enye yezinto ezinhle kakhulu ekubulaweni esingakwazi ukugeja. Yenziwe nge-HTML, CSS neJavaScript.

Amaphutha angenangqondo

Amaphutha angenangqondo Kuyinto yokungena ngemvume okuhle ngenxa yokugqwayiza kwe- izinkambu ezine-obnoxious.css. Okwangempela ukuba kube ukungena ngemvume okumnandi, okunganaki nokuhluke kakhulu. Original ngaphandle kokungabaza ngewebhusayithi yethu.

Ngemvume CSS HTML

Ukungena ngemvume okunelukuluku ngezithonjana ezahlukahlukene ezikhombisa inkambu ngayinye ukuyisa isivakashi nomaphi lapho sifuna khona. Imibala ekhethwe ngemibala nayo iyagqama. Ayinayo i-animation. Yenziwe nge-HTML ne-CSS ukuyisebenzisa kuwebhusayithi yeklayenti noma eyethu.

Ifomu lokungena ngemvume le-Modal

Este Ifomu lokungena ngemvume le-Modal liphefumulelwe ngolimi lwe idizayini eyaziwa nge-Material Design. Sikubonile kuzicelo eziningi kumadivayisi eselula. Kule khodi sinephaneli yokungena kanye nephaneli yokubhalisa efihliwe ngokuzenzakalela. Iphaneli yokubhalisa ingenziwa isebenze ngokuchofoza kukholamu eluhlaza okwesibhakabhaka engakwesokudla. Inokugqwayiza okuhle kube ukungena ngemvume okukhetheke kakhulu nokugqamile.

Ifomu flexbox

Siqala amafomu okusesha ngalokhu ifomu ngokususelwa ku-flexbox. Kugqama umbala obomvu we- «search» nokuncane okwengeziwe kwenkambu yokusesha enhle yewebhusayithi yakho.

Ibhokisi lokugqwayiza

Ngalokhu ibhokisi lokugqwayiza chofoza isithonjana sengilazi yokukhulisa bese ukugqwayiza okuluhlaza okwesibhakabhaka kuzovela ukuze nje sithayiphe usesho esizolwenza kuwebhusayithi. Kwenziwe nge-HTML, CSS neJavaScript.

Inkambu yokusesha

Una umugqa omkhulu ugijima esikrinini ukuze kuthi uma siyicindezela siqale ukuthayipha usesho. Inkinobho yokuthathwa ukuze uchaze lokhu ifomu lokusesha elilula.

Inkambu yokusesha elula chofoza

Inkambu yokusesha elula chofoza kusekelwe ekuhlanganyeleni okubonwe ku- uhlelo lokusebenza lomphakathi lwe-Waze Driver zemoto. Zonke izithonjana nezithombe zenziwa nge-CSS. Kugqame lezo zithonjana ezisivumela ukuthi senze usesho oluthile lomkhiqizo noma insizakalo. Kuyamangaza ngoba kuphole kanjani.

Umphumela wokufakwa kombhalo we-CSS

Umphumela wokufakwa kombhalo we-CSS ifaka phakathi uchungechunge lwe ukugqwayiza embhalweni nasetafuleni lokusesha ukuba ngumuntu ohlola ngokucophelela efomini.

Ukusesha kwesikrini esigcwele

Lokhu kungena okuvela ku- ukusesha kwesikrini esigcwele isebenza nganoma yiluphi uhlobo lwesakhiwo noma isikhundla. Dinga izitayela isitsha esithile esicacisiwe nesembozo sokusesha ukutholakala empandeni. Kubonakala ngopopayi oshayayo lapho sicindezela inkinobho yokusesha.

Sesha

Un ifomu lokusesha kulula lokho uthanda ukudlala ngezikhundla ezahlukene kanye animations. Sichofoza inkinobho yokusesha bese kuvela idrowa eliphelele ukuthayipha amagama. Okwamanje kakhulu futhi kunconywe kakhulu ukuthi kulula kangakanani.

Ayikho imibuzo

Akubuzwa es ifomu elilula elinenkambu yombhalo kanye nenketho yokukhetha ezinye izimpendulo ukuze umsebenzisi azikhethe. Umsebenzi omkhulu ngokubukeka ungomunye wabahamba phambili.

Ifomu lokubhaliselwe okuzivelelayo

Ngalokhu ifomu lokubhaliselwe okuzivelelayo, sichofoza inkinobho entantayo futhi izosiyisa ku- ifomu ngethoni ehlekisa kakhulu kanye nensimu lapho ungafaka khona i-imeyili. Ilungele ukumakethwa kwe-imeyili.

I-UI yebhokisi lokubhaliselwe

Una ibhokisi lokubhalisa ngensimbi ye-alamu futhi ngaphezulu kwemibala eyisicaba Ekuklanyeni.

Ibhokisi lokubhalisa le-CSS

Una ibhokisi lokubhalisa elihlakaniphile ngeqiniso le sebenzisa ama-gradients ngenkinobho yokubhalisela njengombala onsomi wensimu.

Ibhokisi lokubhaliselwe

Una ibhokisi lokubhalisa elilula kodwa kube nomphumela omuhle ngokuklanywa.

Ifomu lokuqinisekisa le-EMOJI

Kuhlanzekile CSS lokhu ifomu lokuqinisekisa ukudala ukhiye noma iphasiwedi. Njengoba sibhala, i-emoji izolinganisa ileveli yokuphepha lefomu. Kuyahlekisa futhi kunelukuluku ngaphandle kokungabaza.

Ungaphuthelwa yilokhu uhlu lwemicibisholo engu-23 e-animated ku-CSS.