Tämä GitHub-sivulista ei-JS-vaihtoehtoja tavallisten käyttöliittymien ominaisuuksiin
Kuinka monta kertaa olet halunnut rakenna nopea CSS-kuvaesitys tai modaaliikkuna? Nämä ovat joitakin yleisimmät käyttöliittymän elementit Webissä ja nykyään voit rakentaa niitä ilman JavaScriptiä.
Toki on mahdollista lyödä Googlea etsimään ratkaisuja. Mutta miksi ei valitse haluamasi luettelo mahtavia resursseja?
Siellä tulee tämä GitHub-sivu. Se on nimeltään "Et tarvitse JavaScript", ja se tarjoaa valtavan luettelon käyttökelpoisista ratkaisuista yhteiset liitäntäelementit.
On huomattava, että nämä koodit ovat ei lopeta kaikkia be-all-ratkaisuja.
Kaikki luettelossa olevat eivät tue kaikkia selaimia, ja monet näistä ratkaisuista eivät kykene käsittelemään karkeaa huononemista tai mobiiliselaimien ongelmia. Joten sinun täytyy eläinlääkäri kukin erikseen tapauskohtaisesti.
Jos kuitenkin kuolet puhtaat CSS-ratkaisut sitten tämä GitHub on katsonut.
Luettelossa on yli 20 eri UI-elementtiä monia merkittäviä ratkaisuja, kuten:
- Hampurilaiset valikot
- työkaluvinkit
- välilehdet
- Kuvagalleriat
- Pudotusvalikot
- Ja paljon muuta.
Jokainen projekti linkit CodePen-demoon missä voit katso se elää kera näytteen lähdekoodi.
Huomaa tämä tietty GitHub-repo ei ole todellista koodia sen sisällä. Pikemminkin se on vain luettelo CodePen-demoista featuring ei-JS-ratkaisut yhteiseen käyttöliittymäongelmiin.
Tämä on täydellinen resurssi kirjanmerkiksi myöhempää käyttöä varten ja tarvittaessa lähellä.
Voit vapaasti osallistua ottamalla yhteyttä kenellekään tärkein GitHub-sivu jos sinulla on ideoita tai ehdotuksia uusista resursseista.
Olet vapaa kopioi kaikki lähdekoodit mistä tahansa näistä demoista ja käyttää niitä uudelleen hankkeissa.
Varmista vain, että tarkistat CSS-ominaisuudet-välilehden ennen kuin kopioit mitään, koska jotkut sisältää ylimääräisiä kirjastoja.
Kaiken kaikkiaan tämä on yksi fantastinen GitHub-repo ja sitä on paljon helpompi käyttää kuin Googlen huuhteleminen tähän täydelliseen ratkaisuun.
Tarkista Täydellinen GitHub-sivu täällä, ja jos haluat tarkastella kaikkia mahdollisia muutoksia voit nähdä ne vetopyyntöjen välilehti.
