{"id":11543,"date":"2018-02-12T16:32:20","date_gmt":"2018-02-12T11:02:20","guid":{"rendered":"https:\/\/www.carmatec.com\/?p=11543"},"modified":"2022-09-27T09:16:52","modified_gmt":"2022-09-27T09:16:52","slug":"bootstrap-4-upeita-alykkaita-uusia-ominaisuuksia-innostuvat","status":"publish","type":"post","link":"https:\/\/www.carmatec.com\/fi\/php-kehitys\/bootstrap-4-upeita-alykkaita-uusia-ominaisuuksia-innostuvat\/","title":{"rendered":"Bootstrap 4 \u2013 siistej\u00e4 ja \u00e4lykk\u00e4it\u00e4 uusia ominaisuuksia, joista innostu"},"content":{"rendered":"

Bootstrap 4 on ep\u00e4ilem\u00e4tt\u00e4 paras k\u00e4ytt\u00f6liittym\u00e4kehys nopeampaan ja helpompaan kehitykseen korkealaatuisen HTML:n, CSS:n ja JavaScriptin avulla. Verkkosovellusten (rakennettu Bootstrapille) korkea reagointikyky, ominaisuuksien muokattavissa oleva luonne, sis\u00e4isten ty\u00f6kalupakkien johdonmukaisuus, nopeampi kehitysaika ja valtava tukiyhteis\u00f6 tekev\u00e4t kehyksen muista erottuvan. Bootstrap on helppok\u00e4ytt\u00f6inen, ja se tarjoaa ty\u00f6kaluja tehokkaan, reagoivan, mobiilien rakentamiseen verkkosovelluksia<\/a><\/strong> pienell\u00e4 vaivalla!<\/p>\n

Ja hyv\u00e4 uutinen on, ett\u00e4 Bootstrap 4:n lopullinen, vakaa versio on t\u00e4\u00e4ll\u00e4! T\u00e4ss\u00e4 on Bootstrap V4.0.0-beta.3:n uutta ja hienoa:<\/p>\n

<\/h4>\n

Rakennettu kokonaan SaaS:sta<\/strong><\/h2>\n

Kun virallinen l\u00e4hdekoodi kehitet\u00e4\u00e4n kokonaan SaaS:n avulla, Bootstrap 4 merkitsee uuden sukupolven etup\u00e4\u00e4n kehityst\u00e4, joka mahdollistaa helpomman ja nopeamman verkkosivustojen suunnittelun ja enemm\u00e4n mahdollisuuksia.<\/p>\n

<\/h4>\n

Uusi responsiivinen verkkoj\u00e4rjestelm\u00e4 pienempiin laitteisiin<\/strong><\/h2>\n

Bootstrap 3:een asti k\u00e4ytt\u00f6liittym\u00e4kehitt\u00e4j\u00e4t saattoivat kohdistaa web-suunnitteluun vain nelj\u00e4\u00e4n n\u00e4kym\u00e4\u00e4n: matkapuhelimet, tabletit, p\u00f6yt\u00e4koneet ja suuremmat p\u00f6yt\u00e4koneet. Bootstrap 4 helpottaa kehitt\u00e4jien kyky\u00e4 parantaa ruudukkoj\u00e4rjestelm\u00e4\u00e4 my\u00f6s pienempi\u00e4 laitteita varten \u2013 alle 480 pikselin leveysn\u00e4kym\u00e4t. Uusi ruudukkoluokka on ottanut k\u00e4ytt\u00f6\u00f6n edellisen pienimm\u00e4n luokan nimen col-xs, ja olemassa oleville ruudukkoluokille (col-sm, col-md, col-lg ja col-xl) m\u00e4\u00e4ritetty n\u00e4kym\u00e4n kokoalue on siirretty yl\u00f6sp\u00e4in. lovi.<\/p>\n

<\/h4>\n

Esittelyss\u00e4 Reboot.css:n parannetut lepoominaisuudet<\/strong><\/h2>\n

Reboot.css on Bootstrap 3:n normalize.css:n parannettu versio. Oletuksena Reboot.css k\u00e4ytt\u00e4\u00e4 box-size: border-box; kaikissa HTML-elementeiss\u00e4 ja tukee yhtenev\u00e4ist\u00e4 selainkehityst\u00e4 tarjoamalla selaimen "nollaus"-tyylej\u00e4. Uuden nollausominaisuuden avulla voit yll\u00e4pit\u00e4\u00e4 yksinkertaista perustyyli\u00e4, parantaa CSS-kirjoitusta nykyaikaisissa verkkosovelluksissa ja tekee reagoivista asetteluista helpommin hallittavissa.<\/p>\n

<\/h4>\n

Virtaviivainen muuttujan mukauttaminen<\/strong><\/h2>\n

Bootstrap 4 virtaviivaistaa muuttujien mukauttamisprosessia tuomalla kaikki Sass-muuttujat saataville yhdess\u00e4 tiedostossa nimelt\u00e4 _variables.scss. Arvojen muokkaamista varten kehitt\u00e4j\u00e4n on kopioitava vain oletusasetukset tiedostosta _variables.scss tiedostoon _custom.scss.<\/p>\n

<\/h4>\n

Ota Flexbox k\u00e4ytt\u00f6\u00f6n<\/strong><\/h2>\n

K\u00e4ytt\u00f6liittym\u00e4kehitt\u00e4j\u00e4t voivat nyt rakentaa joustavamman ja reagoivamman asettelun eri n\u00e4kym\u00e4porteille hy\u00f6dynt\u00e4en CSS3:n Flexbox Layout -toimintoa.<\/p>\n

<\/h4>\n

Edut Tether-kirjastosta<\/strong><\/h2>\n

Bootstrap 4:ss\u00e4 Tether, JavaScript-kirjasto, hoitaa ty\u00f6kaluvihjeiden ja ponnahdusikkunoiden automaattisen sijoittamisen, v\u00e4hent\u00e4\u00e4 yleisi\u00e4 vieritysongelmia, asettaa tyylin ponnahdusikkunoiden elementteihin ja lis\u00e4\u00e4 CSS-luokan elementtien katseluun.<\/p>\n

<\/h4>\n

Refaktoroidut JavaScript-laajennukset<\/strong><\/h2>\n

Bootstrapin uusimmassa versiossa jokainen JavaSript-laajennus on kirjoitettu uudelleen k\u00e4ytt\u00e4m\u00e4ll\u00e4 ECMAScript 6:ta. Uudelleen muotoillut laajennukset hy\u00f6dynt\u00e4v\u00e4t uusimpia m\u00e4\u00e4rityksi\u00e4 ja parannuksia ja antavat kehitt\u00e4jille mahdollisuuden rakentaa parempia k\u00e4ytt\u00f6liittym\u00e4kokemuksia.<\/p>\n

<\/h3>\n

Johtop\u00e4\u00e4t\u00f6s<\/strong><\/h2>\n

Bootstrap V4.0.0-beta.3 on vakauttanut muutamia keskeisi\u00e4 CSS-osia, hionut dokumentaatiota ja yll\u00e4tt\u00e4nyt meid\u00e4t runsailla ominaisuuksilla eritt\u00e4in reagoivien ja mobiiliyst\u00e4v\u00e4llisten sovellusten luomiseen. Joitakin mutkisia kohtia on viel\u00e4 korjattava, mutta t\u00e4m\u00e4 on ep\u00e4ilem\u00e4tt\u00e4 k\u00e4ytt\u00f6liittym\u00e4kehyksen paras p\u00e4ivitys.<\/p>\n

Haluatko tutkia uuden ja edistyneen Bootstrap 4.0:n mahdollisuuksia? Ota yhteytt\u00e4<\/a> kanssa Carmatec<\/a> rakentaa upeita verkkosovelluksia.<\/p>\n

Carmatec yhdist\u00e4\u00e4 suunnittelun, k\u00e4ytt\u00e4ytymistieteiden, k\u00e4ytett\u00e4vyyden, analytiikan, markkinoinnin ja br\u00e4ndin luomisen monipuolinen osaaminen tarjotakseen yrityksille kokonaisvaltaisia ratkaisuja web-suunnitteluun, verkko- ja mobiilikehitykseen, IT-infrastruktuurin et\u00e4hallintaan, ohjelmistokehitykseen, Hallitut IT-palvelut<\/strong><\/a>, Pilvikonsultointi<\/strong><\/a>, Internet-markkinointi ja br\u00e4nd\u00e4ys.<\/p>","protected":false},"excerpt":{"rendered":"

Bootstrap 4 is undoubtedly the best front-end framework for faster and easier development with high-quality HTML, CSS, and JavaScript. The high responsiveness of the web apps (built on Bootstrap), customisable nature of the features, consistency of the internal toolkits, faster development time and a huge support community is what makes the framework standout from the […]<\/p>","protected":false},"author":1,"featured_media":30876,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-11543","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-development"],"_links":{"self":[{"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/posts\/11543","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/comments?post=11543"}],"version-history":[{"count":0,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/posts\/11543\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/media\/30876"}],"wp:attachment":[{"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/media?parent=11543"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/categories?post=11543"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.carmatec.com\/fi\/wp-json\/wp\/v2\/tags?post=11543"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}