Bootstrap 4 – siistejä ja älykkäitä uusia ominaisuuksia, joista innostu

Bootstrap 4 on epäilemättä paras käyttöliittymäkehys nopeampaan ja helpompaan kehitykseen korkealaatuisen HTML:n, CSS:n ja JavaScriptin avulla. Verkkosovellusten (rakennettu Bootstrapille) korkea reagointikyky, ominaisuuksien muokattavissa oleva luonne, sisäisten työkalupakkien johdonmukaisuus, nopeampi kehitysaika ja valtava tukiyhteisö tekevät kehyksen muista erottuvan. Bootstrap on helppokäyttöinen, ja se tarjoaa työkaluja tehokkaan, reagoivan, mobiilien rakentamiseen verkkosovelluksia pienellä vaivalla!

Ja hyvä uutinen on, että Bootstrap 4:n lopullinen, vakaa versio on täällä! Tässä on Bootstrap V4.0.0-beta.3:n uutta ja hienoa:

Rakennettu kokonaan SaaS:sta

Kun virallinen lähdekoodi kehitetään kokonaan SaaS:n avulla, Bootstrap 4 merkitsee uuden sukupolven etupään kehitystä, joka mahdollistaa helpomman ja nopeamman verkkosivustojen suunnittelun ja enemmän mahdollisuuksia.

Uusi responsiivinen verkkojärjestelmä pienempiin laitteisiin

Bootstrap 3:een asti käyttöliittymäkehittäjät saattoivat kohdistaa web-suunnitteluun vain neljään näkymään: matkapuhelimet, tabletit, pöytäkoneet ja suuremmat pöytäkoneet. Bootstrap 4 helpottaa kehittäjien kykyä parantaa ruudukkojärjestelmää myös pienempiä laitteita varten – alle 480 pikselin leveysnäkymät. Uusi ruudukkoluokka on ottanut käyttöön edellisen pienimmän luokan nimen col-xs, ja olemassa oleville ruudukkoluokille (col-sm, col-md, col-lg ja col-xl) määritetty näkymän kokoalue on siirretty ylöspäin. lovi.

Esittelyssä Reboot.css:n parannetut lepoominaisuudet

Reboot.css on Bootstrap 3:n normalize.css:n parannettu versio. Oletuksena Reboot.css käyttää box-size: border-box; kaikissa HTML-elementeissä ja tukee yhteneväistä selainkehitystä tarjoamalla selaimen "nollaus"-tyylejä. Uuden nollausominaisuuden avulla voit ylläpitää yksinkertaista perustyyliä, parantaa CSS-kirjoitusta nykyaikaisissa verkkosovelluksissa ja tekee reagoivista asetteluista helpommin hallittavissa.

Virtaviivainen muuttujan mukauttaminen

Bootstrap 4 virtaviivaistaa muuttujien mukauttamisprosessia tuomalla kaikki Sass-muuttujat saataville yhdessä tiedostossa nimeltä _variables.scss. Arvojen muokkaamista varten kehittäjän on kopioitava vain oletusasetukset tiedostosta _variables.scss tiedostoon _custom.scss.

Ota Flexbox käyttöön

Käyttöliittymäkehittäjät voivat nyt rakentaa joustavamman ja reagoivamman asettelun eri näkymäporteille hyödyntäen CSS3:n Flexbox Layout -toimintoa.

Edut Tether-kirjastosta

Bootstrap 4:ssä Tether, JavaScript-kirjasto, hoitaa työkaluvihjeiden ja ponnahdusikkunoiden automaattisen sijoittamisen, vähentää yleisiä vieritysongelmia, asettaa tyylin ponnahdusikkunoiden elementteihin ja lisää CSS-luokan elementtien katseluun.

Refaktoroidut JavaScript-laajennukset

Bootstrapin uusimmassa versiossa jokainen JavaSript-laajennus on kirjoitettu uudelleen käyttämällä ECMAScript 6:ta. Uudelleen muotoillut laajennukset hyödyntävät uusimpia määrityksiä ja parannuksia ja antavat kehittäjille mahdollisuuden rakentaa parempia käyttöliittymäkokemuksia.

Johtopäätös

Bootstrap V4.0.0-beta.3 on vakauttanut muutamia keskeisiä CSS-osia, hionut dokumentaatiota ja yllättänyt meidät runsailla ominaisuuksilla erittäin reagoivien ja mobiiliystävällisten sovellusten luomiseen. Joitakin mutkisia kohtia on vielä korjattava, mutta tämä on epäilemättä käyttöliittymäkehyksen paras päivitys.

Haluatko tutkia uuden ja edistyneen Bootstrap 4.0:n mahdollisuuksia? Ota yhteyttä kanssa Carmatec rakentaa upeita verkkosovelluksia.

Carmatec yhdistää suunnittelun, käyttäytymistieteiden, käytettävyyden, analytiikan, markkinoinnin ja brändin luomisen monipuolinen osaaminen tarjotakseen yrityksille kokonaisvaltaisia ratkaisuja web-suunnitteluun, verkko- ja mobiilikehitykseen, IT-infrastruktuurin etähallintaan, ohjelmistokehitykseen, Hallitut IT-palvelut, Pilvikonsultointi, Internet-markkinointi ja brändäys.