Ukuba kukho into exhaphake kakhulu kulo naluphi na uhlobo lwewebhusayithi, ezi ziifom. Iifom esizisebenzisayo ukugcwalisa iinkcukacha zonxibelelwano, faka iinkcukacha zebhanki, ungene kwinethiwekhi yoluntu okanye wenze uphando olufana nolo siqhele ukwenza yonke imihla kwiinjini yokukhangela zikaGoogle.
Ke namhlanje siza kukubonisa Iifom ezingama-40 kwiCSS ukusukela kwiifom zonxibelelwano, ukuphuma kwekhadi letyala, ukungena, kulula, ukubhaliswa okanye nokuqinisekiswa. Uthotho lweefom zobungangamsha obukhulu kunye nesitayile ukunika loo ndawo ikhethekileyo kwiwebhusayithi yakho, ngaphandle komxholo.
Ifom yoqhakamshelwano encinci
Ifom yoqhakamshelwano elula ene ezahlukeneyo zempembelelo ezinjengeempawu zokudada okanye oopopayi bomgca. Ikhowudi entle yeCSS kunye neJavaScript. Ukuba ujonge ifom yoqhakamshelwano encinci oku kulungele wena.
Ifom encinci
Okunye ifom encinci, nangona ikwiCSS kuphela ukuba ibe ifom elula kunye nefuthe eliphezulu. Ayinazo oopopayi abancinci zangaphambili, kodwa izalisekisa injongo yayo kakuhle.
Ifom yoqhakamshelwano lweediliya
Ifom yoqhakamshelwano lweediliya, Uyilo oluhle kakhulu. Ukuphendula ngezo webhusayithi ukubonwa kwiselfowuni, nangona ingabandakanyi ukuqinisekiswa.
Ifom yoqhakamshelwano
Este Unxibelelwano ineopopayi obunomdla: ileta iyenziwa. Elula, kodwa iluncedo kakhulu kwimibala emininzi.
Ifom yoqhagamshelwano eyandisiweyo
Este ifom yoqhakamshelwano eyandisiweyo Isiphelo sangaphambili kuphela kwaye sinefayile ye- ukungqinisisa ngejQuery. Sinqakraza kwiqhosha elidadayo kwaye ifom iya kuvela kunye nophiliso oludlamkileyo. Ebalaseleyo.
Ifom yoQhakamshelwano ye-UI
Ifom yoQhakamshelwano ye-UI Yifom eyenziwe kwi-HTML nakwi-CSS. Iyabonakala ngokuba yiyo ikhadi loqhakamshelwano elilula Sinokugcwalisa ukuze indawo yokubhaliweyo kuphela itshintshe xa ucofa.
Ukuphuma kwekhadi lokuhlawula
Un ukuphuma kwekhadi lokuhlawula yenziwe kwi-HTML, CSS kunye neJavaScript ethi ezahlukileyo ngokujikeleza oopopayi ikhadi lekhredithi xa sicinezela i-CVC okanye inamba yenombolo yokhuseleko.
Uyilo olucwangcisiweyo lwekhadi letyala
I-CSS emsulwa kwifayile ye- ukuphuma kwe amakhadi etyala ngemibala ethe tyaba. Imibala kwaye ilula kakhulu ekwaziyo ukubonisa umgangatho kunye nobungcali.
Ikhadi letyala le-UI
Elinye ikhadi lekhredithi kwi-HTML, i-CSS kunye neJavaScript ebonakalayo ukuba ilungile kangakanani ukhethe uyilo olupheleleyo. Silibele ngoopopayi kule nxalenye yekhowudi kwiwebhusayithi yakho. Khuphela eli khonkco.
Phendula ukuphuma
Phendula ukuphuma, yenziwe ngeReact.js, yahlulwe ngu umfanekiso osecaleni esinokuwenza ngokwezifiso ngeenkonzo okanye iimveliso esizithengisayo kwi-eCommerce yethu.
Ikhadi lokuhlawula lokuphuma
Olu phumo lubonakala lubeka umfanekiso kwikhadi. A ifom elula necacileyo eyenziwe nge-CSS3, HTML5 kunye ne-jQuery encinci. Umgangatho ophezulu kwaye wahlukile kwezinye ekuphumeni kolu luhlu. Unokuzikhuphelela apha ukuphuma kwekhadi lokuhlawula.
Intlawulo yekhadi letyala
Este Ifomu yokuhlawula ikhadi lekhredithi icwangciselwe ukuziqhelanisa nayo IJavaScript yokukhohlisa kwe-DOM. Uyakhumbula kuyilo lwekhowudi ebukekayo yeStripe, inkonzo yebhanki yedijithali esondela kwi-PayPal.
Ikhadi letyala
Inhle ukuphuma kwentlawulo yekhadi eyahlukileyo kwezinye kwaye isekwe kwi ikhadi lamatyala elibekwe phezulu ke apha ngezantsi sinayo yonke le fomu inedatha eyahlukileyo ekufuneka umxhasi ayigcwalise ukwenza intlawulo kwi-eCommerce.
Inyathelo ngenyathelo kwifom
Un inyathelo ngenyathelo lefom yobhaliso olwenziwe kwi-HTML, CSS nakwiJavaScript. Amanyathelo amane kwinqaku ngalinye ibekwe kwicala lasekhohlo. Oopopayi abagqityiweyo kwifom egqityiweyo. Kucetyiswa kakhulu.
Ifom yokusebenzisana
Un ifom yokusebenzisana Amanyathelo amaninzi enziwe nge-HTML, CSS kunye neJavaScript. Imele oopopayi betshintsho phakathi kwenyathelo ngalinye. Inomtsalane obukekayo ongayi kuqatshelwa.
Inyathelo ngenyathelo kwifom
Este inyathelo ngenyathelo lefom ibonakala ngokuba nobuchule bokwenza izinto. Uya kuyiphendula imibuzo ukuze ubuyele kubo nangaliphi na ixesha ngokubonakala kwiscreen ngalo lonke ixesha.
Inyathelo ngesinyathelo
Inyathelo ngenyathelo le fomu yenziwe kwi-HTML, CSS kunye neJavaScript. Iphawulwa ngopopayi lotshintsho phakathi kwenyathelo ngalinye.
Amanqanaba amaninzi kwifom yeJquery
Ukuba unayo ifomu ende kakhulu, oku kulungele amacandelo ahlukeneyo anebar yenkqubela phambili. Ngokusekwe kwi-jQuery kunye ne-CSS, ime ngaphandle kuyilo lwayo kunye nobuhle obukhulu.
Ifom yoopopayi ye-UI
Utshintsho koku Ifom yoopopayi ye-UI banjalo esekwe kuDomink Marskusic. Ukuqwalaselwa kwesiphumo sebhokisi ebhokisini ngombala oluhlaza okwesibhakabhaka xa sicofa amanye amacandelo amabini okungena okanye ukungena ngemvume.
Ukwenza iakhawunti / ifom yokungena
I-gimmick Ukungena kunye nokudala iakhawunti esekwe kuphiliso kwenzeka ntoni phakathi kwala macandelo mabini. Ubukho obukhoyo ngoku kunye nobungqongqo obuza kwenziwa kwi-HTML, JavaScript kunye neCSS.
Ukuqaqanjelwa yinyoka
Ukuqaqanjelwa yinyoka lolunye lolona phawu lukhangelekayo kulo naluphi na uluhlu imele oopopayi abahle Oko kubonakala ngokukhawuleza mzuzu xa sicofa kwelinye lamacandelo amabini.
Isikrini sokungena
Yenza olu loyilo yokungena kwesikrini banjalo ke nabo oopopayi kunye nendlela eyile ngayo. Ukuba ufuna ukuba ngoyena uphambili ngoku xa kusiziwa kuyilo lwewebhu, le fomu ayinakuphoswa. Ibalulekile.
Uyilo lwe-UI yokungena
Yenzelwe ukusebenzisa i-HTML, iSass, kunye ne-jQuery. Uyilo lwe-UI yokungena es eisemthethweni kwaye icacile ngesihloko esingasweleyo oopopayi ezifihlakeleyo ukuze ube yenye yeentandokazi kuluhlu.
Ukungena kunye ne-UI yokudala iakhawunti
Ekhethekileyo uyilo lokungena kunye ne-UI yokudala iakhawunti ngemibala kunye nokubonisa in ikhadi elinye elikhulu la macandelo mabini. Enye yezona zinto zintle ekuphumezeni esingenakuphosa. Yenziwe nge-HTML, CSS kunye neJavaScript.
Iimpazamo ezingathandekiyo
Iimpazamo ezingathandekiyo Kukungena ngemvume okuhle ngenxa yoopopayi be amasimi ane-obnoxious.css. Eyokuqala ukuba ibe kukuzonwabisa, ukungakhathali kunye nokungena okungafaniyo. Yoqobo ngaphandle kwamathandabuzo kwiwebhusayithi yethu.
Ngena kwi-CSS ye-CSS
Ukungena ngemvume okunomdla ngemifanekiso eyahlukeneyo ezibonisa intsimi nganye yokusa undwendwe naphina apho sifuna khona. Imibala ekhethwe kwimibala nayo iyabonakala. Ayinayo nayiphi na imifanekiso. Yenziwe kwi-HTML kunye ne-CSS ukuyiphumeza kwiwebhusayithi yomthengi okanye eyethu.
Ifom yokungena ngemvume
Este Ifom yokungena ngemvume iphefumlelwe lulwimi lwe uyilo olwaziwa ngoYilo lweZinto. Siyibonile kwizicelo ezininzi kwizixhobo eziphathwayo. Kule khowudi sinepaneli yokungena kunye nepaneli yokubhalisa efihliweyo ngokungagqibekanga. Iphaneli yobhaliso inokusebenza ngokunqakraza kwikholamu ebhulowu ekwicala lasekunene. Inopopayi olukhulu ukuba lube lilungu elikhetheke kakhulu nelinomtsalane.
Ifom flexbox
Siqala iifom zokukhangela ngale nto imo ngokusekwe kwiflexbox. Imile ngombala obomvu we «ukukhangela» kunye nokuncinci ngakumbi kwicandelo lokukhangela elihle kwiwebhusayithi yakho.
Ibhokisi yoopopayi
Ngale nto ibhokisi yoopopayi nqakraza kwi icon yeglass kunye ne oopopayi oqaqambileyo oluhlaza uya kuvela Ke kufuneka sichwetheze ukukhangela esiza kukwenza kwiwebhusayithi. Yenziwe nge-HTML, CSS kunye neJavaScript.
Indawo yokukhangela
Omnye umgca omkhulu uhamba ngaphaya kwesikrini ukuze xa siyicinezela siqale ukuthayipha ukukhangela. Iqhosha lokuthabatha ukuchaza oku ifom elula yokukhangela.
Indawo elula yokukhangela ucofe kuyo
Indawo elula yokukhangela ucofe kuyo isekwe kunxibelelwano olubonwe kwi iNkqubo yoLuntu yokuqhuba iWaze kwezithuthi. Zonke ii icon kunye nemifanekiso zenziwe nge-CSS. Igqamile yeempawu ezisivumela ukuba senze uphando oluthile kwimveliso okanye ngenkonzo. Ukuqhayisa ngenxa yokuba kupholile.
Isiphumo sokufakwa kombhalo kweCSS
Isiphumo sokufakwa kombhalo kweCSS kubandakanya uthotho lwe oopopayi kwisicatshulwa nakwidrawer yokukhangela ukuba ngumkhangeli ngononophelo kwifom.
Ukukhangela kwesikrini esipheleleyo
Olu ngeno luvela ukukhangela kwesikrini esipheleleyo isebenza ngalo naluphi na uhlobo lobeko okanye isikhundla. Ifuna izimbo isikhongozeli esithile kunye nezinto zokukhangela ngaphezulu ukubekwa kwingcambu. Iphawulwa ngoopopayi abangqangayo ngalo mzuzu sicofa iqhosha lokukhangela.
Usesho
Un ifom yokukhangela ilula loo nto uthanda ukudlala ngezikhundla ezahlukeneyo kunye noopopayi. Cofa kwiqhosha lokukhangela kwaye idrowa epheleleyo ibonakala ichwetheza amagama. Okwangoku kwaye kucetyiswa kakhulu ukuba kulula kangakanani.
Akukho mibuzo
Akukho mbuzo es ifom elula enendawo yokubhaliweyo kunye nenketho yokukhetha ezinye zeempendulo ukuze umsebenzisi azikhethe. Umsebenzi omkhulu ngokubonakalayo ukuba ungoyena ubalaseleyo.
Ifom yobhaliso oluvelayo
Ngale nto ifom yobhaliso popup, sicofa kwiqhosha lokudada kwaye liza kusisa ifom enetoni ehlekisayo kunye nomhlaba oza kungenisa kuwo i-imeyile. Ukugqibelela kwentengiso ye-imeyile.
Ibhokisi yokubhalisela i-UI
Omnye ibhokisi yomrhumo ngentsimbi yealam kunye ngaphezulu kwemibala ethe tyaba Kuyilo.
Ibhokisi yokubhaliselwa ye-CSS
Omnye ibhokisi yokubhalisela smart yenyani ye sebenzisa iigradients yeqhosha lokurhuma njengombala omfusa wasentsimini.
Ibhokisi yokubhalisela
Omnye ibhokisi yokubhalisa elula kodwa zisebenza kakuhle ngokuyila.
Ifom yokuqinisekisa ye-EMOJI
Eyona nyulu CSS le ifom yokuqinisekisa ukwenza isitshixo okanye iphasiwedi. Njengoko sibhala, i-emoji iya kulinganisa inqanaba lokhuseleko lefom. Kuyahlekisa kwaye kunomdla ngaphandle kwamathandabuzo.
Ungaphoswa yile Uluhlu lweentolo ezingama-23 zoopopayi kwiCSS.
Isampulu egqwesileyo yemizekelo eboniswe apha. Ukwahluka kunye nokuziqhelanisa nemixholo eyahlukeneyo kwaye eyona nto intle kukuba ikhonkco lesihloko ngasinye libandakanya idemo kunye nekhowudi yemithombo nangona kufanele ukuba uyiqaqambise ngeqhosha «Jonga idemo» kuba yayikukuthanda ukwazi ukuba ndiyifumene kwisihloko . Enkosi ngegalelo. Imibuliso evela eCaracas.
Indincede kakhulu, enkosi.