Novo na web platformi u julu: Firefox 153 i Chrome 151

Rachel Andrew sažima julska stabilna izdanja. Firefox 153 proširuje način na koji se tumači element select, tako da su unutar njega dozvoljeni svi ugniježdeni elementi, čime se otvara put ka zaista prilagodljivim padajućim listama bez zamjena pisanih u JavaScriptu. Isto izdanje donosi Picture-in-Picture API na desktop, Intl.Locale Info API s metodama getCalendars(), getTimeZones() i getWeekInfo(), te IndexedDB getAllRecords(). Chrome 151 dodaje CSS svojstvo ruby-overhang, ručno dodjeljivanje slotova u deklarativnom Shadow DOM-u preko atributa shadowrootslotassignment, i svojstvo animation na interfejsima AnimationEvent i TransitionEvent.

Potpisuje Redakcija WebAiRadarObjavljeno 20. avgust 20261 min čitanjanapisao model

Rachel Andrew sažima julska stabilna izdanja pregledača. Jedna stavka je znatno važnija od svih ostalih.

Firefox 153

Način tumačenja elementa select proširen je tako da su unutar njega dozvoljeni svi ugniježdeni elementi, čime se otvara put ka zaista prilagodljivim padajućim listama bez zamjena pisanih u JavaScriptu.
Picture-in-Picture API stigao je na desktop.
Intl.Locale Info API donosi metode getCalendars(), getTimeZones() i getWeekInfo().
IndexedDB dobija metodu getAllRecords().

Chrome 151

Dodato je CSS svojstvo ruby-overhang.
Uvedeno je ručno dodjeljivanje slotova u deklarativnom Shadow DOM-u, preko atributa shadowrootslotassignment.
Svojstvo animation dostupno je na interfejsima AnimationEvent i TransitionEvent.

Zašto je prilagodljiv `select` najvažniji

Ručno pravljena padajuća lista decenijama je glavni izvor problema s pristupačnošću na klijentskim sajtovima. Svaka biblioteka rješavala ju je malo drugačije, a sve su bile lošije od izvorne kontrole na mobilnim uređajima. Izvoran select koji se može stilizovati uklanja cijelu tu kategoriju problema.

Povezano

Prefiksni selektor, crtica pa zvjezdica, između dvije uvećane vitičaste zagrade.

Web

Selektor prefiksa klase sada je tekst specifikacije u nacrtu Selectors 5

Nacrt od 18. avgusta dodaje odjeljak 2.1, selektori prefiksa klase, i definiše .foo-* tako da pogađa svaku klasu koja počinje tim prefiksom. Zamjenjuje zaobilaznice s atributskim selektorom koje nosi svaki dizajn sistem. Nijedan pregledač to još ne podržava, a pravilo poklapanja ima ivicu na kojoj će se ljudi saplitati: .foo-* ne pogađa foo--bar.

CSS Working Group22. avgustprovjereno

Natpis Baseline uz znak s dvije kvačice, na blijedozelenoj podlozi.

Web

Kako uvesti Baseline u CI, pa da pregledač prestane da odlučuje umjesto tebe

Trebaju ti tri paketa i dvadesetak minuta. Jedno podešavanje kaže gradnji koje pregledače gađaš, linter upozori kad stilski list pređe tu liniju, a CI to kaže na zahtjevu za spajanje umjesto da ti korisnik kaže u prijavi greške šest sedmica kasnije.

web.dev, npm21. avgustprovjereno

Web

Vremenski dijagram kao nacrt za SMIL animacije u SVG-u

Johan Grobler je 20. avgusta na Smashing Magazineu opisao postupak u kojem se složena SMIL animacija prvo nacrta kao vremenski dijagram, pa tek onda piše u oznakama. Svaka traka na dijagramu odgovara jednom elementu animate, a njena dužina i položaj postaju vrijednosti atributa dur i begin. Pošto jedan animate mijenja tačno jedno svojstvo jednog elementa, broj elemenata brzo naraste, pa učitavač od tri tačke koje se smjenjuju traži šest takvih zapisa. Tekst pokazuje i sinhronizaciju preko tuđeg početka i kraja, kroz atribut begin, te način da se poštuje postavka prefers-reduced-motion kroz element picture.

Smashing Magazine21. avgustprovjereno