Lühidalt: Chrome 156 tõi CSS-funktsiooni random(), SQLite-põhise IndexedDB ja DevToolsi tööriistad AI-agentidele, Firefox 158 tüübitud aritmeetika calc()-is. Mõlemad parandasid kümneid turvavigu. Uued CSS-i võimalused aitavad vähendada JavaScripti ja muuta kodulehe kiiremaks.
Oktoobri lõpus uuenesid mõlemad suured brauserid: Chrome 156 jõudis stabiilsesse kanalisse ja Firefox 158/159 tõi uued CSS-i võimalused. Mõlemad parandasid ka kümneid turvavigu. Siin on nädala veebiarenduse uudised lühidalt: mis on uut veebiarendajale ja mida see tähendab sinu kodulehele.
Chrome 156: CSS random() ja kiirem IndexedDB
Chrome 156 jõudis stabiilsesse kanalisse umbes 20. oktoobril. Arendajale olulisemad muudatused:
- CSS-funktsioon random(): juhuslikud väärtused otse stiilitabelis, näiteks animatsioonide, kaartide nihke või dekoratiivsete elementide jaoks ilma JavaScriptita.
- Ühe teljega kerimiskonteinerid töötavad paremini.
- IndexedDB kasutab uute andmehoidlate jaoks SQLite’i, mis peaks muutma brauseris andmeid salvestavad veebirakendused töökindlamaks.
- WebTransport toetab HTTP päringu- ja vastusepäiseid ning WebGPU varjutuskeel sai fragmendi sügavuse laienduse.
27. oktoobril tuli Chrome’ile stabiilne uuendus 52 turvaparandusega, millest neli on kriitilised. Chrome 157 on beetakanalis.
Chrome DevTools: tööriistad AI-agentidele ja ankrupositsioneerimisele
Oktoobris lisandus DevToolsi CSS-stiilide vaatamine AI-agentidele ning interaktiivne position-area redaktor CSS-i ankrupositsioneerimise jaoks. Ankrupositsioneerimine võimaldab siduda näiteks rippmenüü või vihjeakna nupuga ainult CSS-iga, ilma JavaScripti teekideta.
Firefox 158 ja 159: tüübitud aritmeetika calc()-is
- Firefox 158 lisas CSS-i calc() funktsioonis tüübitud aritmeetika: ühikutega väärtusi saab jagada ja korrutada, mis teeb vedela tüpograafia ja paigutuse arvutamise lihtsamaks.
- Firefox 158.0.1 blokeeris kompromiteeritud eMudhra sertifikaadid ja parandas vigu.
- Mozilla 27. oktoobri turvateade parandab 167 haavatavust ning Firefox 159 toob ka uusi funktsioone.
Mida see tähendab sinu kodulehele?
- Uued CSS-i võimalused vähendavad JavaScripti. Mida vähem JavaScripti, seda kiirem on leht mobiilis ja seda paremad on Core Web Vitals näitajad, mis mõjutavad ka SEO-d. Loe lähemalt kodulehe kiirusest ja SEO-st.
- Uusi funktsioone tuleb kasutada progressiivselt. Safari ja vanemad brauserid ei pruugi neid veel toetada, seega peab koduleht ilma nendeta samuti töötama.
- Testi kodulehte uutes brauseriversioonides. Brauseri uuendused võivad muuta paigutust või vormide käitumist. Kui midagi on katki, aitab kodulehe uuendamine.
- Kiirus ja tehniline SEO käivad koos: vaata kodulehe kiiruse optimeerimist ja tehnilist SEO auditit.
Samal nädalal WordPressi maailmas: WordPress 7.1.4 turvauuendus ja ohtlikud pluginad ning mida toob WordPress 7.2.
Korduma kippuvad küsimused
Mis on Chrome 156-s uut veebiarendajale?
CSS-funktsioon random(), parem ühe teljega kerimiskonteinerite tugi, SQLite-põhine IndexedDB, WebTransporti päised ja WebGPU uuendused.
Mis on CSS random()?
See on CSS-funktsioon, mis annab etteantud vahemikus juhusliku väärtuse otse stiilitabelis, ilma JavaScriptita.
Mis on CSS-i ankrupositsioneerimine?
See võimaldab paigutada elemendi, näiteks vihjeakna või menüü, teise elemendi suhtes ainult CSS-iga. Chrome DevTools sai selle jaoks interaktiivse redaktori.
Kas pean oma kodulehe brauseriuuenduste pärast muutma?
Tavaliselt mitte, kuid tasub kontrollida, et paigutus, vormid ja maksed töötavad uutes versioonides. Uusi CSS-i võimalusi saab kasutada kodulehe kiiremaks muutmiseks.
Kas sinu koduleht on kiire ja töötab kõigis brauserites? Tee tasuta kodulehe audit või kirjuta meile. Uue kodulehe teeme kaasaegse tehnoloogiaga: vaata kodulehe tegemist.
