- Chrome 57 voegt ondersteuning toe voor
display: grid- de nieuwe CSS Grid Layout-specificatie. - U kunt nu gebruikersinvoer op het vergrendelscherm en meldingen aanpassen en erop reageren met behulp van de nieuwe Media Session API .
- En er zijn er nog veel meer !
Ik ben Pete LePage , laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 57!
CSS-rasterindeling
Flexbox is een krachtige lay-outtool. Het maakt veel complexe lay-outs mogelijk, maar het kan alleen lay-outs in één dimensie uitvoeren. Chrome 57 voegt ondersteuning toe voor display: grid - de nieuwe CSS Grid Layout-specificatie , en voegt een krachtige nieuwe tool toe voor het creëren van tweedimensionale, op rasters gebaseerde lay-outsystemen, geoptimaliseerd voor responsief ontwerp van de gebruikersinterface.
Elementen binnen het raster kunnen meerdere kolommen of rijen beslaan. Regio's in een CSS-raster kunnen ook een naam krijgen, waardoor de lay-outcode gemakkelijker te begrijpen is.
Surma heeft er een Updates-post over, en als je er klaar voor bent om er dieper in te duiken, kijk dan eens op de site van Rachel Andrew : GridByExample.com .
Mediasessie-API
Een van de ontbrekende functies van webmediatoepassingen is de mogelijkheid om diep te integreren met de kernmedia-ervaring op mobiele apparaten. In Chrome voor Android kun je nu het vergrendelscherm en meldingen aanpassen met media-inhoud met behulp van de nieuwe Media Session API .
Door metagegevens aan de browser te verstrekken over de inhoud die wordt afgespeeld, kunt u rijke berichten op het vergrendelscherm maken met informatie zoals titel, artiest, albumnaam en illustraties. U kunt ook luisteren naar en reageren op gebruikersacties die worden ondernomen op basis van de melding zelf, zoals zoeken of overslaan.
Als je snel aan de slag wilt, heeft Francois een geweldige Updates-post , of bekijk de officiële opslagplaats voor voorbeelden van Chrome-mediasessies op GitHub.
En meer!
En er is nog veel meer!
- Er zijn enkele verbeteringen aan de Payment Request API.
- U kunt de kleur van de tekstinvoercursor opgeven met de eigenschap
caret-color. - Visuele effecten zoals lijnkleur en stijl kunnen worden gespecificeerd met nieuwe
text-decorationeigenschappen. - De klasse Fetch API Response ondersteunt nu het kenmerk
.redirectedom onbetrouwbare reacties te voorkomen en het risico op open redirectors te verkleinen. - Alle globale aliassen met het voorvoegsel
-webkit-IndexedDB zijn verwijderd, nadat ze in M38 zijn beëindigd. - En een van mijn favorieten: nieuwe
padStartenpadEndopmaakmethoden die het opvullen van tekenreeksen vereenvoudigen bij het uitlijnen van console-uitvoer of het afdrukken van getallen met een vast aantal cijfers.
Dit zijn slechts enkele van de wijzigingen in Chrome 57 voor ontwikkelaars.
Schreeuw het uit naar Igalia
Tot slot een grote shout-out naar de ingenieurs en het team van Igalia voor hun geweldige werk aan Blink. Ze speelden een belangrijke rol bij het introduceren van de nieuwe CSS Grid- en caret-color functies.
Blijf op de hoogte
Als je op de hoogte wilt blijven van Chrome en wilt weten wat er gaat komen, abonneer je dan op ons kanaal of volg @ChromiumDev op Twitter. En bekijk zeker de video's van de Chrome Dev Summit voor een diepere duik in enkele van de geweldige dingen waar het Chrome-team aan werkt.
Ik ben Pete LePage, en zodra Chrome 58 uitkomt, ben ik hier om je te vertellen: wat er nieuw is in Chrome!