Blogg

Highlights från CSSconf Nordic

  • 07 juni 2016
  • 0

Jag hade förmånen att i förra veckan svänga förbi Oslo och CSSconf Nordic för en dag i webbens tecken. Som vanligt var det en hel del som man var bekant med sedan tidigare, men konferensen bjöd på några nya tekniker, infallsvinklar och talare. För dig som är intresserad av gränssnittsutveckling följer här en liten re-cap av konferensen.

Artikelverktyg:

Why CSS was invented

Passande nog (konferensen var trots allt i Oslo) inleddes dagen med en resa från 10 oktober 1994 och vidare några år in i framtiden. Historien berättades av ingen mindre än Håkon Wium Lie som på ovan nämnda datum föreslog “Cascading HTML style sheets” för att tillåta oss att designa webbsidor.

Det var intressant att höra detaljer om dessa tidiga dagar, t.ex. att text-shadow var med i första utgåvan av CSS, att webfonts-specen blev en rekommendation redan -98 och hur viktigt Acid1-testet var för att få Microsoft att fixa problemen i sin webbläsare Internet Explorer.

Håkon avslutade med att berätta att hans personliga vision för CSS är att det ska kunna tillhandahålla oss med samtliga verktyg för att kunna göra allt som designers gjort i tryckta medier genom tiderna. Lite snäv vision kan jag personligen tycka. Webben är trots allt interaktiv och grafiskt kan vi göra så mycket mer än vad vi någonsin kunnat göra i en bok.

Alice in Web Animations API land

Den alltid så intressanta och vältaliga Rachel Nabors gav oss en bra introduktion till Web Animations API som än så länge har lite dåligt browserstöd men som i framtiden kommer gå varmt i våra webbläsare om jag får gissa. Det är alltså ett API för att skapa animationer på ett genomtänkt och konsekvent sätt i webbläsare. Här är det OK att få kallsvettningar och dra paralleller till Flash, för detta kommer antagligen innebära att verktyg likt just Flash kommer att ploppa upp. Vi får hoppas att branschen har mognat sedan dess och att användningen blir mer rimlig.

Introduktionen knöts runt några simpla exempel med "Alice i underlandet”-tema, t.ex. detta “spel” vars JavaScript innehåller det mesta som diskuterades.

Mer om Web Animations API finns på MDN, tack vare just Rachel.

Revolutionze your page

Jen Simmons, känd från The Web Ahead och mycket mer, är en designer/frontendutvecklar-hybrid (precis som alla mina favoritmänniskor) med bra koll på vad som är på gång på webben i allmänhet, och med CSS i synnerhet. Hon gav oss en ordentlig utskällning eftersom vi inte nyttjar nya CSS-funktioner till att göra nya coola saker — utan gamla trötta saker, fast på nya sätt (t.ex. 12-kolumnsgrids i inline-block eller flex: skillnaderna är, visuellt, rätt minimala i slutändan). Den verktygs- och  ramverkshets som råder har också skapat en rejält tråkig likriktning som vi behöver ta oss ur.

Jen menar att vi borde inspireras av den redaktionella designvärlden och se hur vi kan nyttja nya CSS-funktioner såsom initial-letter, object-fit, clip-path, shape-outside (förslagsvis tillsammans med @supports) m.m. för att skapa nya, mer kommunikativt effektiva layouter. Se Jens labbsida för några exempel!

Är du nyfiken på hur vi kan hjälpa dig med dina digitala utmaningar?

Läs mer om hur vi jobbar med gränssnittsutveckling eller kontakta oss via formuläret. 

0 kommentarer

Skriv kommentar