Iifom ezingama-40 ze-CSS ezingalahlekiyo nakweyiphi na iwebhusayithi

Ifom yokungena

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-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.

Inqaku elidibeneyo:
Iilayibrari ezingama-23 ezikumgangatho ophezulu kuyilo lwewebhu

Ifom encinci

Umncinci

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

ukuvunwa kweediliya

Ifom yoqhakamshelwano lweediliya, Uyilo oluhle kakhulu. Ukuphendula ngezo webhusayithi ukubonwa kwiselfowuni, nangona ingabandakanyi ukuqinisekiswa.

Ifom yoqhakamshelwano

Ileta

Este Unxibelelwano ineopopayi obunomdla: ileta iyenziwa. Elula, kodwa iluncedo kakhulu kwimibala emininzi.

Inqaku elidibeneyo:
Amakhadi angama-27 asimahla e-HTML kunye ne-CSS kwiiblogi, ezentengiso ze-e kunye nokunye

Ifom yoqhagamshelwano eyandisiweyo

Ukwandisa ifom yoqhakamshelwano

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

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

Ikhadi lokuhlawula lokuphuma

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

Ikhadi letyala leCSS elinyulu

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

Izinto ezinokutya

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

usabela

Phendula ukuphuma, yenziwe ngeReact.js, yahlulwe ngu umfanekiso osecaleni esinokuwenza ngokwezifiso ngeenkonzo okanye iimveliso esizithengisayo kwi-eCommerce yethu.

Ikhadi lokuhlawula lokuphuma

Popov

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

ngombala

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

mihla le

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

Inyathelo ngesinyathelo

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

Iyasebenzisana

Un ifom yokusebenzisana Amanyathelo amaninzi enziwe nge-HTML, CSS kunye neJavaScript. Imele oopopayi betshintsho phakathi kwenyathelo ngalinye. Inomtsalane obukekayo ongayi kuqatshelwa.

Inyathelo ngenyathelo kwifom

Inyathelo ngesinyathelo

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

Paso

Inyathelo ngenyathelo le fomu yenziwe kwi-HTML, CSS kunye neJavaScript. Iphawulwa ngopopayi lotshintsho phakathi kwenyathelo ngalinye.

Amanqanaba amaninzi kwifom yeJquery

JQuery inyathelo elininzi

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

Ifom yoopopayi

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

Ukungena kweNdalo

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

inyoka

Ukuqaqanjelwa yinyoka lolunye lolona phawu lukhangelekayo kulo naluphi na uluhlu imele oopopayi abahle Oko kubonakala ngokukhawuleza mzuzu xa sicofa kwelinye lamacandelo amabini.

Isikrini sokungena

Ngema

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

Ifom 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

Ubhaliso lokungena

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

Eyothusayo

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

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

Modal

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

I-Flexbox

Siqala iifom zokukhangela ngale nto imo ngokusekwe kwiflexbox. Imile ngombala obomvu we «ukukhangela» kunye nokuncinci ngakumbi kwicandelo lokukhangela elihle kwiwebhusayithi yakho.

Ibhokisi yoopopayi

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

Cofa ukhangele

Omnye umgca omkhulu uhamba ngaphaya kwesikrini ukuze xa siyicinezela siqale ukuthayipha ukukhangela. Iqhosha lokuthabatha ukuchaza oku ifom elula yokukhangela.

Indawo elula yokukhangela ucofe kuyo

Zima

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

Ungeniso lweCSS

Isiphumo sokufakwa kombhalo kweCSS kubandakanya uthotho lwe oopopayi kwisicatshulwa nakwidrawer yokukhangela ukuba ngumkhangeli ngononophelo kwifom.

Ukukhangela kwesikrini esipheleleyo

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

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 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

Bhlisa

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

Ubhaliso

Omnye ibhokisi yomrhumo ngentsimbi yealam kunye ngaphezulu kwemibala ethe tyaba Kuyilo.

Ibhokisi yokubhaliselwa ye-CSS

Ubhaliso

Omnye ibhokisi yokubhalisela smart yenyani ye sebenzisa iigradients yeqhosha lokurhuma njengombala omfusa wasentsimini.

Ibhokisi yokubhalisela

Ibhokisi yokubhalisela

Omnye ibhokisi yokubhalisa elula kodwa zisebenza kakuhle ngokuyila.

Ifom yokuqinisekisa ye-EMOJI

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.


Umxholo wenqaku uyabambelela kwimigaqo yethu imigaqo yokuziphatha yokuhlela. Ukuxela impazamo cofa apha.

Izimvo, shiya eyakho

Shiya uluvo lwakho

Idilesi yakho ye email aziyi kupapashwa. ezidingekayo ziphawulwe *

*

*

  1. Uxanduva lwedatha: UMiguel Ángel Gatón
  2. Injongo yedatha: Ulawulo lwe-SPAM, ulawulo lwezimvo.
  3. Umthetho: Imvume yakho
  4. Unxibelelwano lwedatha: Idatha ayizukuhanjiswa kubantu besithathu ngaphandle koxanduva lomthetho.
  5. Ukugcinwa kweenkcukacha
  6. Amalungelo: Ngalo naliphi na ixesha unganciphisa, uphinde uphinde ucime ulwazi lwakho.

  1.   UJuan Jose Perez sitsho

    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.