Säätiö 6 on melkein valmis poistumaan beta-versiosta, ja se on parempia kuin edeltäjänsä lähes kaikilla mahdollisilla tavoilla: se on virtaviivaisempi, yksinkertaisempi ja vieläpä hienostunut. Zurb ovat ylittäneet itsensä.
Kuten näet itsellesi, kun vihdoin asennat sen - tarpeeksi yksinkertainen OSX: llä tai Linuxilla, mutta Windowsissa solmu voi olla fiksu - Foundation 6 voidaan asentaa vain paketinhallinnan avulla näinä päivinä. Minusta tuntuu, että olen vanhentunut ja unelmoinut hyviä vanhoja päiviä, kun CSS-kehykset tulivat .zip-tiedostoina, eivät terminaalikomennosta.
Silti en ole valehtanut, kun sanoin, että säätiö 6 on mahtava. No, minun pitäisi sanoa "Säätiö sivustoille", koska säätiö ei ole enää vain yksi kehys. Säätiön sovellusten lisäksi Zurb on myös ollut kiireinen tekemällä muutamia työkaluja nopeuttamaan kehitystä.
Tämä julkaisu on koskenut suorituskykyä ... voit rakentaa sivustoja nopeammin, nämä sivustot latautuvat nopeammin ja JavaScript toimii nopeammin.
Ensinnäkin Säätiö CLI , joka voi asentaa minkä tahansa säätiön version sinulle, joka sisältää käynnistysprojektit. Säätiöiden sivustojen valmiiksi koottu CSS on ladattavissa erikseen lopullisen julkaisun jälkeen. Nyt CLI on kuitenkin tapa saada se ja pysyä ajan tasalla mahdollisten muutosten kanssa ennen lopullista julkaisua.
Sitten on Panini , staattinen sivun kääntäjä Handlebars-mallinnuksella ja useita muita ominaisuuksia, joiden avulla voit rakentaa staattisia prototyyppejä ja / tai sivustoja nopeasti. Se kokoaa Sassin, asettaa kaikki JavaScriptin yhteen tiedostoon, se voi pakata kaikki koodisi ja paljon muuta.
Nyt äläkä ymmärrä, että tämä säätiön versio on vähemmän täynnä ominaisuuksia - sillä on silti kaikki mitä tarvitset ja paljon muuta - mutta on huomattava, että osa sovelluksista, jotka sopivat paremmin sovelluksiin kuin sivustoihin, on poistettu. Nämä elementit ovat nyt osa Säätiö sovelluksille .
Loput tässä versiossa olleesta teoksesta käsittelivät tyhjennyskoodien erottelua ja virtaviivaistamista kaikesta, joka oli jäljellä.
Esimerkiksi kolmen erilaisen valikkokomponentin luomisen sijasta kolmelle eri valikkomallille on olemassa vain yksi valikkokomponentti, jossa on useita muunnelmia. HTML-kirjoittajalle on vähän eroa: lisää luokka ja sinulla on valikko; muuta muutamia luokkia, ja sinulla on valikko, joka näyttää täysin erilaiselta.
Itse asiassa kaikki erot, paljon luokkiin ja merkintä tulee näyttämään hyvin tuttu, jos ei sama. Kaikki on rakennettu Sassille, joten voit muokata sitä kuten aina.
Tämä julkaisu on ollut kyse suorituskyvystä. Kun olet oppinut, voit rakentaa sivustoja nopeammin, nämä sivustot latautuvat nopeammin ja JavaScript toimii nopeammin. Säätiö on nyt noin puolet niin raskasta kuin tiedoston koko. Puolet .
Vanhemmat versiot tukivat RTL (oikealta vasemmalle) kieliä kuten arabia jossain määrin; mutta he tarvitsivat jonkinlaista säätämistä. Foundation 6: lla on tuki sisään rakennettu.
Flex-verkko on juuri sitä, minkä mielestäsi se on: se on Grid-komponentti uudelleen tehty Flexboxin kanssa. Toisaalta tämä antaa sille useita ominaisuuksia ja vaihtoehtoja, joita säännöllinen float-pohjainen verkko ei pysty käsittelemään. Toisaalta se ei todennäköisesti ole kovin tuettu, erityisesti IE. Se on kompromissi.
Paria hienoa parannusta sisällytettiin verkkosivujen tyyppiseen typografiaan. Erityisesti on olemassa helper-luokkia, jotka on suunniteltu tekemään typografisia asetteluja vain hieman helpommin käsittelemään:
Kuten edellä mainittiin, kaikki edelliset navigointiosat yhdistettiin yhdeksi isoksi joustavaksi komponentiksi. Tämä tarkoittaa, että kaikki navigointityypit toimivat mukavasti toistensa kanssa. Se tarkoittaa myös sitä, että voit valita erilaisia selauskohteita eri ruudun koon mukaan.
Haluatko perehtyä alas navigointiin älypuhelimella ja horisontaalisen palkin työpöydällä? Helposti tehty näytön kokoisten luokkien kanssa. Haluatko "Top bar" takaisin? Lisää vain wrapper div -ohjelma oletusvalikon osien ympärille.
Vaikka se onkin yksinkertaisempaa käyttää yleisesti, se on yhä täynnä ominaisuuksia. Muista tutustua asiakirjoihin valikoista ja navigoinnista .
Tiedätkö ne pienet piirit tai neliöt - yleensä sijoitettu jonkinlaisiin kuvakkeisiin tai lähellä - pieniä numeroita niissä? Kuten silloin, kun sinulla on Facebook-ilmoituksia? Niitä kutsutaan tunnuksiksi.
Opit joka päivä jotain uutta. Säätiö on myös nyt.
Tarvitseeko jotain pysyä näytöllä, kun käyttäjä selaa? Haluatko sen pysähtyä tietyssä vaiheessa? Sticky on sinun lisäosasi! Tämä on myös asia, jota haluat käyttää, jos haluat tehdä Magellan-valikon toimimasta kuten Foundation 5: ssä.
Jos pudotusvalikot, harmoniset, poraukset, työkaluvinkit ja modalit eivät riitä sinulle, tässä on yleinen tapa tehdä tavaraa näkyviin tai katoamaan. Se on yksinkertainen JavaScript-pohjainen valitsintapahtuma, jota voidaan soveltaa pohjimmiltaan mitä tahansa.
Kuvittelen, että se on niille aikoille, jolloin mikään muusta osasta ei sovi tarkoitukseen tai olisi ylikuormitusta. Se integroi Motion-käyttöliittymän kirjaston, joten voit nostaa katoavan teon lähes haluamallasi tavalla.
No, nimi kuulostaa siltä kuin se on elementti, johon voit upottaa videon tai Flash-objektin (yuck), ja voisit tehdä sen kai. Se, mitä tarkoitetaan, näyttää minkä tahansa mediaobjektin, kuten kuvan, tekstitiedon ohella.
Voit esimerkiksi laittaa käyttäjän avatarin heidän käyttäjätunnuksensa ja kommenttinsä kommentteihin. Voit myös käyttää sitä elokuvan julkaisupäivämäärän, päätoimittajien ja muiden metatietojen tekemiseen elokuvan tarkistuksen vieressä. Tarkista asiakirjat esimerkeiksi.
Jokainen ominaisuus on päivitetty tai kirjoitettu uudelleen. Kuitenkin monet ovat toiminnallisesti muuttumattomia. Tarkista asiakirjat kahteen kertaan varmistaaksesi, että sinulla on oikeat luokat, tarkista joitakin päivityksiä ja siirry. Seuraavassa on näitä enemmän tai vähemmän samanlaisia ominaisuuksia aakkosjärjestyksessä:
Jep. Uudistettu keskittyminen rakennustyömaille (toisin kuin kehys, joka pyrkii täyttämään molempien sivustojen ja sovellusten tarpeet) on virkistävää ja pienempi koko on aina plus.
Odotan sen menevän hyvin hyvin pian.