Izikhathi ezingama-29 ezinhle zokuklama ku-CSS nangokuncane kweJavascript

Skrola umugqa wesikhathi

Imigqa yesikhathi noma imigqa yesikhathi kungenye yezinto ezingeziwe esingazenza hlanganisa kuwebhusayithi ukukhombisa inqubekela phambili noma ukuziphendukela kwemvelo eminyakeni yenkampani noma yenkampani. Isisho sokuqhafaza esibonakalayo esihle, okuthi ngokwazi ukusibhala ngobuhle ngohlobo lohlobo nezinto ezibonakalayo, singakhombisa izinyathelo ezithathwe yinsizakalo noma umkhiqizo ngokuhamba kwesikhathi.

Lezi zikhathi ezingama-29 ozothola ngezansi yilezi kusuka kumugqa wesikhathi omile njengoba kungaba nendawo. Uzothola engcono kakhulu evumelana nezidingo zakho ukuyithola ekhasini lewebhusayithi olakhele iklayenti noma lakho. Sihamba neqoqo lezikhathi ezithakazelisa kakhulu ezijabulisa kakhulu.

Umugqa wesikhathi ngokuskrola

Skrola umugqa wesikhathi

Umugqa wesikhathi oku-HTML, CSS nekhodi yeJavaScript ukuze uzimise kahle njenge- minimalist omuhle ebeka isichasiso esibomvu kuhlu lweminyaka ohlangothini lwesobunxele, futhi kokumnyama kufonti nama-H2s. Into enhle ngalo mugqa wesikhathi ukuthi njengoba upheqa ekhasini, ushintsho lonyaka luzokwenziwa ngokuzenzakalela. Ukuqedela okuhle, ukwakhiwa nomphumela.

Umugqa wesikhathi ku-CSS

Izici zomugqa wesikhathi we-CSS

Lo mugqa wesikhathi usebenzisa ikhodi ye-CSS ukuze ukwazi nokulungiswa kahle kwezinye zezinto zawo. Ayinakho ukuskrola njengale eyedlule, kepha ibonakala ngochungechunge lwezikwele nombala oluhlaza okwesibhakabhaka ukuyinikeza okunye ukuthinta okuhle kakhulu bese ujoyina uhlu lwezikhathi ezikule ncwadi.

Isilayida esiphendula umugqa wesikhathi

Isilayida esiphendula umugqa wesikhathi

Lo mugqa wesikhathi wenziwa ngomtapo wezincwadi weSwiper JS ukufaka ikhodi ye-HTML, CSS neJavaScript. Ayinakho ukuskrola njengoba siqhubeka ekhasini lewebhu, kepha kunjalo ibeka iminyaka ngakwesokunene kanye nenkinobho esingaya ngayo kokulandelayo, ngaphandle kokuthi sikwazi ukusebenzisa isikhombisi segundane ukuya onyakeni othile. Ukugqwayiza okuhle kokuguqukayo ngakunye.

Umugqa wesikhathi othuthukile

Umugqa wesikhathi othuthukile

Lo mugqa wesikhathi ugqamile ngokusebenzisa i-HTML, i-CSS neJavaScript, ngaphandle kwe- ngena ku-monocolor, ngqo kumathoni abomvu. Kubonakala futhi ngokusebenzisa inkinobho ekuvumela ukuthi uthuthuke noma ubuyele emuva kumugqa wesikhathi ophawulwe yile khodi yemiphumela emihle ukuze ube yi-minimalist impela.

Umugqa wesikhathi onenhloko elungisiwe neFlexbox

Umugqa wesikhathi umisiwe

Ikhodi ye-HTML ne-CSS yekhanda elingaguquki lelo izohlala ihleliwe okwamanje senza ukupheqa ekhasini. Ngobuqili obukhulu bokuba umugqa wesikhathi onentshisekelo enkulu kunoma imuphi unjiniyela wamanje ofuna ukugqanyiswa ngamazinga wamanje wokuklanywa kwewebhu.

Umugqa wesikhathi wephrojekthi

Umugqa wesikhathi wephrojekthi

Lo mugqa wesikhathi usebenzisa i-CSS ne-HTML ukwethula umugqa wesikhathi obalulekile ongawusebenzisela leyo nkathi ethile yesikhathi yephrojekthi. Njengoba sihamba sidlula ezinsukwini zeviki, ngakho-ke kulungile ukukusebenzisa ngamathuluzi wokusebenzisana enziwe yinkampani uqobo.

esibekelwe

esibekelwe

Umugqa wesikhathi ku I-HTML, i-CSS neJavaScript evelele kokunye yetimu yokubuka. Futhi ukuthi njengoba sihamba ngomugqa wesikhathi omile, isikhathi ngasinye lapho sithola isithombe esisha kumugqa wesikhathi, kuzoba isithombe sangemuva sekhasi lewebhu lapho sibeke khona le khodi.

I-Hyperloop

I-Hyperloop

IHyperloopu umugqa wesikhathi lokho kugqama ngokuklanywa okusetshenzisiwe nangokungahlelwa lutho ngaphandle kwe-HTML ne-CSS. Kubonakala ngokusetshenziswa kosayizi abahlukahlukene kufonti yombhalo ngomugqa oqondile nochungechunge lwamabhokisi amaka umzuzu ngamunye obalulekile womugqa wesikhathi.

Umugqa wesikhathi oqondile

Umugqa wesikhathi oqondile

Umugqa wesikhathi wesikhawu lokho uziqhelelanisa nabanye ngokuthinta kwakhe okubukwayo. Inesizinda se-gradient samanje ekwakhiweni nochungechunge lwamabhokisi amaka lezo zikhathi. Kuhlelwe ku-CSS naku-HTML.

Umugqa wesikhathi ku-Flexbox

Umugqa wesikhathi we-flexbox

Esinye sezikhathi ezibekiwe eziqediwe nalokho kusekelwe kumakhadi ukufaka lonke ulwazi esiludingayo kuleso sikhathi sokuphumula. Futhi eyenziwe nge-HTML ne-CSS, kufanele kucatshangwe ukuthi wonke amakhadi kumele abe nokuphakama nobubanzi obufanayo ukubala isikhala sezikrini ezinkulu.

Umugqa wesikhathi ku-DIV

Umugqa wesikhathi div

Umugqa wesikhathi omncane wokuklama futhi obekulokho ithuthukiswe kuphela nge-HTML ne-CSS, ngakho ukuqaliswa kwayo kungashesha kakhulu. Kukufanele ngokuphelele ukuveza umugqa wesikhathi endaweni yolwazi ngenxa yokuqedwa kwayo kwe-monochrome.

Umugqa wesikhathi ku-CSS naku-HTML

Umugqa wesikhathi we-CSS

Ungabeka Izithombe ezingama-400 × 300 kulo mugqa wesikhathi ohlukaniswa ngombala oluhlaza wolayini nombhalo wezinsuku nezinsuku. Ayinakho ukugqwayiza futhi kunalokho ibonwa ngomklamo wayo olula kuwo wonke amazinga.

Isikhathi sokuphawula kanye nempendulo

Ukuphawula kwesikhathi

Umugqa wesikhathi ohluke kakhulu kokunye wokuvumela beka amakhadi anezithombe zabasebenzisi, noma okungenani leyo yinhloso ekuqaleni. Ngesitayela esihle sokubukwayo, amakhadi asebenzisa ukufakwa umugqa wesikhathi oyisicaba ngaphandle kokugqwayiza.

Umugqa wesikhathi ekuseni ku-HTML naku-CSS

Umugqa wesikhathi ophendulayo

Umugqa wesikhathi omuhle wokuphendula lokho ibonakala nge-HTML, i-CSS futhi unikeze umugqa wesikhathi olula kodwa ohamba kakhulu.

Umugqa wesikhathi we-UI

esibekelwe

Le khodi eku-HTML naku-CSS isebenza ngokuphelele wethula usuku lokusebenza kokuzivocavoca. Iyaphendula ngesithombe seheda nochungechunge lwezinkinobho ezikukhombisa ngendlela ecacile nehlanzekile esicini sokubukwayo.

Umugqa wesikhathi ku-CSS kuphela

Umugqa wesikhathi we-CSS

Lo mugqa wesikhathi ubonakala ngokuba ku-CSS nange-a uchungechunge lombala olukhethwe kahle: okubomvu nokuluhlaza okotshani. Okuluhlaza okotshani ukumboza lonke ikhasi ngokuphelele, okumhlophe kombhalo nokwehlukanisa imigqa, nokubomvu ukwahlukanisa isikhawu sesikhathi esikuso. Singachofoza esikhaleni ngasinye ukuyibeka nebhokisi elizungezile futhi liyigqamise.

Umugqa wesikhathi ophendulayo V3

Umugqa wesikhathi osabelayo V3

Isikhathi sokuqala sezikhathi esivundlile ohlwini ku-HTML, CSS nakuJavaScript. Ngendlela ebonakalayo ibalula i- ukusetshenziswa kwemibala emnyama nempunga ukubeka umugqa ovundlile ngochungechunge lwamaphoyinti. Isikhawu ngasinye sigqanyiswa ngesisindo esikhulu emthonjeni nakokuqukethwe kombhalo.

Umugqa wesikhathi ufakwe kumbala

Isidleke

Esinye sezikhathi eziqondile ikhwalithi yokubuka ephezulu kakhulu ohlwini. Umugqa wesikhathi osebenzisanayo onemifanekiso ecashile futhi ethulwe kahle yokunikeza umuzwa omuhle womsebenzisi isikhathi ngasinye lapho kucindezelwa ngezikhathi ezithile. Yenziwe nge I-HTML CSS / Sass neJavaScript / TypeScript (jquery.js).

Umugqa wesikhathi womlando ophendulayo

Indaba ephendulayo

Umugqa wesikhathi ophelele we khombisa izehlakalo ezahlukahlukene ezithombeni yesikhathi esinqunyelwe emlandweni. Iqondile futhi iyaphendula ukuthi yathuthukiswa nge-HTML, CSS neJavaScript.

Umugqa wesikhathi weqembu

Iqembu lesikhathi

Lo mugqa wesikhathi ugqama ngenguquko enhle kwenziwe ngokugqwayiza okuvundlile. Yombala omuhle nomklamo omuhle wokugqamisa isikhathi ngasinye. Kuku-HTML, i-CSS neJavaScript ukwethula uchungechunge lwamakhadi abekwe ngaphezulu kusithombe esingemuva esimele.

Umugqa wesikhathi we-Horizontal CSS ne-HTML

I-envato evundlile

Yenziwe nguye owaziwa nge-Envato Tuts +, sinikezwa umugqa wesikhathi ovundlile ngochungechunge lwamakhadi ahlanzekile nasisekelo ekwakhiweni. Imibala eyisicaba nomugqa ovundlile onochungechunge lwamachashazi abomvu axhumanisa isikhawu ngasinye.

Umugqa wesikhathi we-CSS, i-HTML kanye ne-slick.js 

Umugqa wesikhathi we-Pastel

Amathoni we-Pastel ekwakhiweni komugqa wesikhathi lokho ivelela ukwethulwa kwesithombe ngasinye kukhombisa isikhathi ngasinye. Ukushintshwa phakathi kwezithombe nezikhawu ngasinye okwenza lo mugqa wesikhathi ugqame.

Ukulandelana kwesikhathi V1

Ukulandelana kwesikhathi

Umugqa wesikhathi ovelele izinkinobho kulayini ngamunye oqondile yesikhawu ngasinye ukuxhumanisa isithombe sangemuva sesikrini esigcwele isikhathi ngasinye lapho sicindezela esisodwa.

Umugqa wesikhathi ovundlile we-HTML CSS

Isikhathi se-HR

Ngeke ukwazi ukuchofoza noma yikuphi kulo mugqa wesikhathi ogqanyiswa i- design enkulu ngokukhetha okuhlakaniphile kwephalethi yombala kanye nochungechunge lwama-sandwich wesikhathi ngasinye. Azikho izithombe, kepha ngokubukeka kuyajabulisa kakhulu iso.

Isikhathi Codyhouse

Isikhathi seCodyHouse

Lo mugqa wesikhathi okwethulwe yiCodyhouse umbala owodwa ekwakhiweni futhi kuthuthukiswa nge-HTML, CSS neJavaScript. Iveza umugqa omncane kakhulu onochungechunge lwamaphoyinti njengezikhawu okufanele uchofozwe futhi ubangele ukugqwayiza okuvundlile okungaphansi kwengxenye yesekhondi. Ilula, kepha inamandla.

Umugqa wesikhathi ovundlile

Umugqa wesikhathi ovundlile

Omunye umugqa wesikhathi owenziwe nge-HTML, CSS, neJavaScript. Efaniswa ngombala owodwa, iqukethe idizayini enhle enombala oluhlaza ukubeka intambo kumaphuzu ngamunye amele izikhawu zesikhathi. Njalo lapho sicindezela okukodwa, kuqala ohlangothini olubushelelezi kakhulu.

Umugqa wesikhathi ongenagama

Umugqa wesikhathi ongenagama

Umugqa wesikhathi omnyama okuwukuphela kohlu olungezansi. Ngemuva kwalokho usebenzisa imibala ehlukene ukuhlukanisa unyaka ngamunye kanye nombhalo ngasikhathi sinye nemikhawulo yayo. Inokugqwayiza okuvelele kokudlula phakathi kombhalo ngamunye.

Umugqa wesikhathi

Umugqa wesikhathi

Lo mugqa wesikhathi ubeka isichasiso sombala oluhlaza okotshani ukuma ngokuphelele.

Omunye umugqa wesikhathi ovundlile

Omunye umugqa wesikhathi

Kungaba njalo beka isithombe eduze kwesikrini esigcwele ngomugqa wesikhathi ovelele wokusetshenziswa okuluhlaza okwimpunga nokumpunga, kanye nochungechunge lwemibuthano emele unyaka ngamunye.

Ungaphuthelwa olunye uchungechunge lwamamenyu ku-CSS naku-HTML.


Shiya umbono wakho

Ikheli lakho le ngeke ishicilelwe. Ezidingekayo ibhalwe nge *

*

*

  1. Ubhekele imininingwane: Miguel Ángel Gatón
  2. Inhloso yedatha: Lawula Ugaxekile, ukuphathwa kwamazwana.
  3. Ukusemthethweni: Imvume yakho
  4. Ukuxhumana kwemininingwane: Imininingwane ngeke idluliselwe kubantu besithathu ngaphandle kwesibopho esisemthethweni.
  5. Isitoreji sedatha: Idatabase ebanjwe yi-Occentus Networks (EU)
  6. Amalungelo: Nganoma yisiphi isikhathi ungakhawulela, uthole futhi ususe imininingwane yakho.