321 Julekalender 2022
Snart nytt år, og dermed ny intern julekalender i 321. Vi har stort sett alltid godt med aktivitet på vår fag-kanal på Slack. Det kan være at noen deler en artikkel de har lest, anbefaler en bok, eller at noen løfter frem et problem eller utfordring de har møtt ute i oppdrag.
I jula pleier vi, som mange andre IT-selskaper, å "steppe opp" enda et hakk her for å sørge for faglig påfyll gjennom hele førjulstiden. Alle 321-ere, det være utviklere eller designere, skriver 2 poster der de forteller om noe de ønsker å presentere for de andre. Vi prøver å oppfordre til kortfattede innlegg, det er tross alt mye annet som skjer rundt juletider både i oppdrag og privat. Men det er alltid noen som har problemer med å holde igjen. Eirik sine "wall of text" ble vi kjent med allerede i fjor, i år med sterk konkurranse fra Martin.
Vi ønsker også å dele noe av dette med de som ikke er heldige nok til å være med på fagkanalen vår, så her kommer et utdrag fra årets julekalender.
Luke 8: Everything You Should Know About Web Development in 2022
Dette var et av foredragene noen av oss så på fra devternity i går. Stefan Judis som holdt foredraget tok for seg en rekke nye ting som har kommet den siste tiden innenfor web verdenen. Her var det veldig mye å plukke av som i seg selv kan være egne kalenderluker, men jeg tenkte jeg kunne nevne noe av det han nevte som jeg syntes var interessant. Merk at noen av sakene som nevnes ikke har full cross browser support.
AVIF
Nytt bildeformat som gir langt mindre filstørrelser sammenlignet med andre formater. Mange sier at dette formatet vil kunne dominere web i fremtiden.
:has()_
ny css selector som byr på forenklet syntaks for å velge ut relaterte elementer for et annet element. https://developer.mozilla.org/en-US/docs/Web/CSS/:has
Container Queries
Ny måte i css for å enklere og "cleanere" utvikle alt fra små komponenter til større layouter responsive. Kan erstatte media-queries. En av mine faste youtube venner har en fin film på dette:https://www.youtube.com/watch?v=ypN-Uwshc5M
View Transitions
Ny måte og enklere måte å gjøre web fancy med overganger, ikke bare internt på en side med også overganger mellom ulike sider(URL'er) https://developer.chrome.com/docs/web-platform/view-transitions/
Island Architecture
I foredraget ble det snakket om front-end rammeverk som har blitt nevnt tidligere på #fag slik som REMIX, next js og at vi igjen går i retningen at man rendrer mer på serveren. Det ble i forbindelse med dette snakket litt om Astro og island architecture. https://www.patterns.dev/posts/islands-architecture/
rome.tools
I dag brukes ofte esLint og prettier for formatering og linting av kode. Med rome tools får du dette kombinert, i tillegg til bedre preformance. rome.tools
Playwright
Speennende testverktøy som både lar deg enkelt kode tester, men også autogenerere tester basert på recordings i browseren. Her kan tester kjøres mot alle browsere.