Höjdpunkter från Nordic.js 2025
Nordic.js 2025 ⚡️
Nordic.js är en två-dagars konferens för utvecklare med fokus på just JS. Jag har tidigare gått på Nordic.js syster-konferens Nordic.design som är mer inriktad på CSS.
Så för en UX-designer som tycker att CSS & HTML är awesome, var Nordic.js något att ha? Här kommer några höjdpunkter!
JavaScript tidslinje - 30 år i år!
Phil Hawksworth tog oss tillbaka i JavaScript memory lane, allt ifrån ECMA-script, jQuary, Bootstrap, React osv. Det var intressant att få en sammanfattning och kul att blicka tillbaka.
Designmönster för dagens AI-gränssnitt
Vitaly Friedman är en av grundarna till Smashing Magazine och valde att lyfta avsaknaden av UX i många av dagens AI-gränssnitt.
Med en filter-knapp kan man underlätta mycket för användaren i ett AI-gränsnitt
Varför består enbart gränssnittet av ett inputfält? Vad skulle hända om man adderade en användbar filtreringsknapp när man har fått outputen? Eller toggles/ radio-knappar som kan dölja eller visa viss typ av information? Istället visas all output i en "wall-of-text".
Han tog även upp vikten av att namnge AI-assistenter tydligt. Så att användaren förstår vad det är. Han gav Amazons Rufus som ett dåligt exempel (vad innebär Rufus?) och Shopifys Sidekick som ett bra exempel (Med sidekick får man direkt en bild av vad det är).
Han lyfte även sparkle-ikon trenden för ai-tjänster och assistenter. Bara för att man adderar en glitter-ikon till en ikon, betyder det inte att det är tydligt för användaren vad det innebär.
CSS & HTML 💜 ingen JS behövs!
Una Kravets är en riktigt CSS-legend. Jag har följt henne på Twitter länge samt såg henne prata om CSS Houdini i Confront 2018 i Malmö.
Uppfriskande presentation med fokus på några framtida CSS & HTML-nyheter!
Här dema:ade hon bland annat en vad hon kallade "scroll spy" en scroll-target-group property med en scroll marker som t.ex. kan användas för en sido-meny som följer med vid scroll och som också indikerar/markerar vilken sektion du är på - helt utan JS!
Hon visade även en ny Pop-over typ, popover="hint", ett sätt att "hinta" en popover utan att en annan stängs (lite JS behövs dock här för att det ska funka helt).
Ska dock nämnas att dessa properties och typer inte stöds av alla webbläsare än 🤞🏼.
Spana gärna in Unas webbsida/blogg här för tydligare exempel på ovan 🌟 Blev själv väldigt inspirerad att testa några av dessa nya props 🤩.
Sammanfattning
En helt okej konferens, kändes som att det var en ojämn nivå på talarna och ämnena. Så kanske dags att ändra upplägg på hela konferensen så istället för ett/inget spår, att man erbjuder flera? Så att det blir tydligt vad man som besökare ska förvänta sig. Och så man kan själv kan välja spår, vad som är relevant för en själv.