Amaxesha amnyama angama-29 kuyilo lweCSS kunye nenxalenye yeJavascript

Ixesha lesikrola

Amaxesha amisiweyo okanye amaxesha yenye yezinto ezongezelelekileyo esinokuzenza ukudibanisa kwiwebhusayithi ukubonisa inkqubela phambili okanye indaleko kwiminyaka yenkampani okanye yenkampani. Inkcazo ebonakalayo ebonakalayo ebonisa ukuba uyazi ukuyila ngobunono ngokuchwetheza kunye nezinto ezibonakalayo, inokubonisa amanyathelo athathwe yinkonzo okanye ngemveliso ekuhambeni kwexesha.

La maxesha ma-29 oza kuwafumana apha ngezantsi ukusuka kumaxesha amisiweyo Njengokuba kungaphezulu. Uyakufumana eyona ilungele iimfuno zakho ukuyifumana kwiphepha lewebhusayithi olilungiselela umthengi okanye elakho. Sihamba nengqokelela yamaxesha amnandi kakhulu anomdla kakhulu.

Umda ngokuskrola

Ixesha lesikrola

Umda wexesha okwi-HTML, i-CSS, kunye nekhowudi yeJavaScript ukuzibeka kakuhle njenge Umncinci omncinci ebeka i-aksenti ebomvu kuludwe lweminyaka kwicala lasekhohlo, nakwimnyama yohlobo lochazo kunye nee-H2s. Eyona nto intle malunga neli xesha lexesha kukuba xa uskrolela iphepha, utshintsho lonyaka luya kwenziwa ngokuzenzekelayo. Ukugqiba okuhle, uyilo kunye nesiphumo.

Umda wexesha kwiCSS

Iimpawu zexesha leCSS

Eli xesha lisebenzisa ikhowudi yeCSS ukuze ikwazi ukuqwalaselwa ngokufanelekileyo kwezinye iipropathi zayo. Ayinaskroli njengangaphambili, kodwa ibonakaliswe ngothotho lweebhokisi kunye nombala oluhlaza okwesibhakabhaka ukuyinika enye into ebabazekayo kwaye yongeze kuluhlu lwamaxesha kolu papasho.

Isilayida esiphendulayo

Isilayida esiphendulayo

Olu luhlu lwamaxesha lwenziwe ngelayibrari ye-Swiper JS ukubandakanya ikhowudi ye-HTML, CSS kunye neJavaScript. Ayinaskroli njengoko siqhubeka nephepha lewebhu, kodwa kunjalo ibeka iminyaka kwicala lasekunene kunye neqhosha esinokuya kulo elilandelayo, ngaphandle kokuba nakho ukusebenzisa isikhombisi semouse ukuya kunyaka othile. Oopopayi abakhulu kutshintsho ngalunye.

Umda wexesha ophambili

Umda wexesha ophambili

Eli xesha libonisa ukusetyenziswa kwe-HTML, i-CSS kunye neJavaScript, ngaphandle kwe- yiya kwi-monocolor, ngokuchanekileyo kwiithoni ezibomvu. Ikwaphawulwa ngokusetyenziswa kweqhosha elikuvumela ukuba uqhubele phambili okanye ubuyele kumgca wexesha ophawulwe yile khowudi yesiphumo sikhulu ukuba ube ngumncinci.

Umda wexesha kunye nesihloko esisigxina kunye neFlexbox

Ixesha elimiselweyo

Ikhowudi ye-HTML kunye ne-CSS yesihloko esisigxina izakuhlala ilungisiwe ngalo mzuzu siskrola kwiphepha. Ngobuqili obukhulu bokuba ngumda wexesha lomdla omkhulu kuye nawuphi na umphuhlisi wangoku ofuna ukuphuma kwimigangatho yoyilo lwewebhu yangoku.

Umda wexesha leprojekthi

Umda wexesha leprojekthi

Eli xesha lisebenzisa i-CSS kunye ne-HTML ukubonisa ubalo maxesha olubalulekileyo onokulusebenzisela elo xesha elithile Iprojekthi. Njengoko siskrola ihamba ngeentsuku zeveki, ke ilungile ukuyiphumeza kwizixhobo zokusebenzisana ezenziwe yinkampani uqobo.

Ixesha

Ixesha

Umda wexesha kwi I-HTML, i-CSS kunye neJavaScript ebonakalayo kwezinye Umxholo obonakalayo. Kwaye kukuba njengoko sihamba siskrinta ixesha elimisiweyo, ngalo lonke ixesha sifumana ifoto entsha kumda wexesha, iya kuba ngumfanekiso ongasemva wephepha lewebhu apho sibeke khona le khowudi.

Hyperloop

Hyperloop

IHyperloopu ngumda wexesha Endaweni yokuba uyile uyilo olusetyenzisiweyo kunye nokungacwangciswa kwanto ngaphandle kwe-HTML kunye neCSS. Iphawulwa ngokusetyenziswa kobungakanani obahlukeneyo kwifonti yokubhaliweyo kunye nomgca wokuma kunye noluhlu lweebhokisi eziphawula umzuzu ngamnye obalulekileyo wexesha.

Uluhlu lwexesha elithe nkqo

Uluhlu lwexesha elithe nkqo

Umda wexesha lokuphumla Ukuzihambela kude nabanye ngokuphatha kwakhe ezibonakalayo. Inemvelaphi yangoku yegradient kuyilo kunye noluhlu lweebhokisi eziphawula ixesha ngalinye lolo. Ihlelwe kwi-CSS nakwi-HTML.

Umda wexesha kwiFlexbox

Ixesha le-flexbox

Elinye lamaxesha agqityiweyo agqityiweyo kwaye isekelwe kumakhadi ukubandakanya lonke ulwazi esiludingayo ngelixesha lokuphumla. Ikwaphuhlisiwe kwi-HTML nakwi-CSS, kufuneka ithathelwe ingqalelo ukuba onke amakhadi kufuneka abe nokuphakama nobubanzi obufanayo ukubala indawo yezikrini ezinkulu.

Umda wexesha kwi-DIV

Umda wexesha div

Umda wexesha omncinci kuyilo kwaye ibikhona iphuhliswe kuphela kwi-HTML nakwi-CSS, Ke ukumiliselwa kwayo kungakhawuleza kakhulu. Kukulungele ngokufanelekileyo ukubonakalisa ixesha elifanelekileyo kulwazi oluphakathi ngenxa yokugqitywa kwemonochrome.

Umda wexesha kwi-CSS nakwi-HTML

Umda wexesha we-CSS

Ungabeka Imifanekiso emikhulu engama-400 × 300 kolu luhlu lwexesha olwahlula ngombala oluhlaza wemigca kunye nokubhaliweyo kwemihla neentsuku. Ayinazo oopopayi kwaye ibonakaliswe kuyilo olulula kuwo onke amanqanaba.

Izimvo kunye nexesha lokunika ingxelo

Izimvo zexesha

Umda wexesha ohluke kakhulu kwabanye wokuvumela beka amakhadi aneefoto zabasebenzisi, okanye ubuncinci yile njongo ekuqaleni. Ngestayile esihle sokubonakalayo, amakhadi asebenzisa ukufakwa komda wexesha elifanelekileyo ngaphandle kweempopayi.

Umda wexesha kusasa kwi-HTML nakwi-CSS

Ixesha lokuphendula

Umda wexesha ogqibeleleyo wokuphendula ibonakaliswa ngokuba yi-HTML, CSS kwaye unikeze ixesha elifanelekileyo kodwa elilula kakhulu.

Ixesha le-UI

Ixesha

Le khowudi kwi-HTML nakwi-CSS isebenza ngokugqibeleleyo thaca usuku lokusebenza yomthambo. Iyaphendula ngomfanekiso oyintloko kunye noluhlu lwamaqhosha alubonisa ngokucacileyo nangokucocekileyo kwimbonakalo.

Umda wexesha kwi-CSS kuphela

Umda wexesha we-CSS

Eli xesha libonakaliswe ngokuba kwi-CSS kunye ne uthotho lwemibala ekhethwe kakuhle: bomvu kwaye luhlaza. Luhlaza ukulenza iphepha lonke ngokupheleleyo, limhlophe ngombhalo kunye nokwahlula imigca, kwaye bomvu ukwahlula ixesha esikulo. Singacofa kwikhefu ngalinye ukulibeka kunye nebhokisi elijikelezileyo kwaye iligqamise.

Umda wexesha ophendulayo V3

Ixesha lokuphendula V3

Ixesha lokuqala lexesha elithe tyaba kuluhlu kwi-HTML, CSS nakwiJavaScript. Imele imbonakalo ye ukusetyenziswa kwemibala emnyama nengwevu ukubeka umgca othe tyaba ngothotho lwamanqaku. Isithuba ngasinye sigqanyisiwe ngobunzima obukhulu kumthombo nakwimixholo yokubhaliweyo.

Umda wexesha obekwe ngombala

Yakhiwe

Elinye lamaxesha oxwesileyo umgangatho obonakalayo obonakalayo kuluhlu. Umda wexesha osebenzisanayo ophilileyo onobuqili kwaye oboniswe kakuhle wokubonelela ngamava amakhulu omsebenzisi ngalo lonke ixesha elinye lamaxesha licinezelwe. Yenziwe nge I-HTML CSS / Sass kunye neJavaScript / TypeScript (jquery.js).

Ixesha lokuphendula kwimbali

Ibali eliphendulayo

Umda wexesha ogqibeleleyo bonisa imicimbi eyahlukeneyo kwimifanekiso yexesha elinexesha kwimbali. Ithe tye kwaye iyaphendula ukuba yenziwe kwi-HTML, CSS nakwiJavaScript.

Umda wexesha weqela

Ixesha leqela

Eli xesha lexesha limele utshintsho oluhle olwenziwe oopopayi tye. Umbala omkhulu kunye noyilo olugqwesileyo lokuqaqambisa ixesha ngalinye. Kukwi-HTML, i-CSS, kunye neJavaScript ukubonisa uthotho lwamakhadi agqunywe kumfanekiso ongasemva.

Umda wexesha we-CSS kunye ne-HTML

Imvano ethe tyaba

Yenziwe nguye eyaziwa ngokuba yi-Envato Tuts +, sinikwa umda wexesha othe tye nothotho lwamakhadi acocekileyo kunye nalawo kuyilo. Imibala e-Flat kunye nelayini ethe tyaba ngothotho lwamachaphaza abomvu adibanisa isithuba ngasinye.

Umda wexesha we-CSS, HTML kunye slick.js 

Umda wexesha le-pastel

Iithoni zePastel kuyilo lwexesha elifanelekileyo imele ukuboniswa komfanekiso ngamnye bonisa ixesha ngalinye lekhefu. Lutshintsho phakathi kwemifanekiso nganye kunye nezikhewu ezenza ukuba umgca wexesha ubonakale.

Ulandelelwano lwexesha V1

Ulandelelwano lwamaxesha

Umda wexesha obonakalayo amaqhosha kulayini ngamnye wokuma nkqo kwikhefu ngalinye lokunxibelelana nomfanekiso opheleleyo ongasemva rhoqo xa sicinezela kwelinye.

Umda wexesha oxwesileyo we-CSS CSS

Umda wexesha HR

Awuyi kuba nakho ukunqakraza naphina kolu luhlu lwexesha lubonakaliswe yi uyilo olumnandi ngokukhetha ngobulumko kwephalethi yombala kunye noluhlu lweesandwich nganye yexesha ngalinye. Akukho mifanekiso, kodwa ngokubonakalayo iyathandeka emehlweni.

Ixesha leCodyhouse

Ixesha leCodyHouse

Olu luhlu lwexesha eboniswe yiCodyhouse ngumbala omnye Uyilo kwaye luphuhliswa kwi-HTML, CSS kunye neJavaScript. Inika umgca omncinci kunye noluhlu lwamanqaku njengezithuba zokucofa kwaye zibangele oopopayi abathe tye abangaphantsi kwesiqingatha somzuzwana. Ilula, kodwa inamandla.

Umda wexesha oxwesileyo

Umda wexesha oxwesileyo

Omnye umgca wexesha owenziwe kwi-HTML, CSS, kunye neJavaScript. Efaniswa ngombala omnye, Iqukethe uyilo oluhle ngombala oluhlaza ukubeka i-lace kwilungu ngalinye lamanqaku abonisa amaxesha. Ngalo lonke ixesha sicinezela enye, oopopayi basecaleni abagudileyo baqala.

Umda wexesha ongachazwanga

Umda wexesha ongachazwanga

Umda wexesha omnyama kuphela kuluhlu olusezantsi. Emva koko usebenzisa imibala eyahlukileyo yokwahlula unyaka netekisi ngaxeshanye nemida yayo. Inopopayi obalaseleyo wokudlula phakathi kwesicatshulwa ngasinye.

Umda wexesha

Umda wexesha

Olu luhlu lwexesha lubeka Ukugxininisa kumbala oluhlaza ukuma ngokupheleleyo.

Olunye ixesha elithe tyaba

Omnye umgca wexesha

Ku nokuba njalo beka umfanekiso kufutshane nekhusi elipheleleyo yexesha elibonakalayo lokusetyenziswa kweblue kunye grey kunye noluhlu lwesangqa esimele unyaka nonyaka.

Ungaphoswa Olunye uthotho lweemenyu kwiCSS nakwi-HTML.


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.