Anton Andreasson

…är en passionerad webbutvecklare sedan tiden då Netscape var kung och CSS ”the next big thing”. Mitt yrkesliv som webbkonsult har med andra ord sett väldigt olika ut genom åren. Precis som på den här bilden från Saint-Malo så har det stormat rejält kring vilka tekniker som ska avgöra upplevelsen för de som ”surfar”.

Fast forward tio år och med det insikten om att nästa miljard webbanvändare beräknas vara mobilanvändare. Därför fokuserar jag numera mest på saker som Mobile first, ITCSS, performance budgets, osv. Vissa menar att även uppkoppling ska anses vara en ”feature enhancement”…

När jag inte jobbar tillbringar jag min mesta tid med min fru Moa, som tagit detta foto förresten, och mina barn. Jag har ett förflutet inom miljörörelsen och gillar fortfarande att skåda fågel och cykelsemestra. Som barn gillade jag även KISS och spelade trummor i massa år, men numera är det mest elektroniskt som ljuder i lurarna.

CV

Anton har arbetat i branschen sedan 1995, framför allt med konceptutveckling, interaktionsdesign och gränssnittsprogrammering. Mellan 1995 och 2001 jobbade han på Sundbergs Mediaverkstad som AD och webbutvecklare mot kunder som Orrefors, TA och Hogia.

Vintern 2005, efter en paus från webben för franskastudier i Lyon, började Anton på NetRelations och har sedan dess arbetat tillsammans med ett trettiotal uppdragsgivare, exempelvis Getinge, Världskulturmuseerna, Hultafors och Göteborgs Stad.

Som person är Anton social, nyfiken och intresserad av trender på webben. Han har ett genuint intresse för användbarhet och hur nya idéer kan appliceras i existerande projekt.

Anton har stor erfarenhet av HTML, CSS och JavaScript, både i teori och praktik. Då vettig utbildning inom dessa områden saknades under hans tidiga karriär försöker han själv kompensera detta genom att vara en omtyckt föreläsare på Yrkeshögskolan Göteborg eller genom att sprida kunskap till kollegor genom olika ”reflections”. Anton är Dale Carnegie Certified – Strategic Presentations.

Filtrera på:

…uppdragsgivare:

…tekniker:

…roller:

…årtal:

  1. NetRelations – 2016

    Plugin för kontroll av tillgänglighet i TinyMCE-editorer gentemot NetRelations Inspector

    Roll: Interaktionsdesigner, gränssnittsexpert

    Tekniker: CSS/3, JavaScript, jQuery, Git, WCAG 2.0

  2. Intraservice, Göteborgs Stad – 2016

    Koncept och gränssnittsprogrammering för modulariserad styleguide

    Baserad på koncepten ”Atomic Design” och ”Mobile First” har denna ”levande” styleguide (http://goteborg.se/wps/portal/component-framework/component-templates/) tagits fram för att lägga grunden för alla kommande e-tjänster och applikationer inom staden.

    Roll: Interaktionsdesigner, gränssnittsarkitekt, gränssnittsexpert

    Tekniker: HTML/5, CSS/3/4, BEM/ITCSS, JavaScript, jQuery, Grunt, WCAG 2.0/skärmläsar- och tangentbordsanpassningar, JIRA/Confluence, Git

  3. Konsument- och medborgarservice/Intraservice, Göteborgs Stad – 2015–2016

    Koncept, prototyping och gränssnittsprogrammering för projektet Enhetssida 2.0

    I projektet har även koncept som ”Atomic Design” och ”Mobile First” använts, liksom framtagande av första versionen av en levande styleguide.

    Roll: Interaktionsdesigner, gränssnittsarkitekt, gränssnittsexpert

    Tekniker: HTML/5, CSS/3, JavaScript, jQuery, Grunt, WCAG 2.0/skärmläsar- och tangentbordsanpassningar, JIRA/Confluence, IBM WebSphere Portal Server, Git

  4. Konsument- och medborgarservice/Intraservice, Göteborgs Stad – 2014–2015

    Koncept, prototyping och gränssnittsprogrammering av Göteborgs Stads nya kalendarium (kalendarium.goteborg.se).

    Roll: Interaktionsdesigner, gränssnittsarkitekt, gränssnittsexpert

    Tekniker: HTML/5, CSS/3, JavaScript, jQuery, Grunt, WCAG 2.0/skärmläsar- och tangentbordsanpassningar, JIRA/Confluence, IBM WebSphere Portal, Subversion, Git

  5. Konsument- och medborgarservice – 2014

    Valresultatsajt för trängselskattomröstningen 2014.

    Roll: Interaktionsdesigner, gränssnittsutvecklare

    Tekniker: HTML/5, CSS/3, JavaScript, IBM WebSphere Portal, Subversion, WCAG 2.0

  6. Samverkan/Social ekonomi (Social resursförvaltning), Göteborgs Stad – 2014–2015

    Formgivning, gränssnitt och systemutveckling av nya undersajten Samverkan – en del av Socialhallbarhet.se.

    Roll: Interaktionsdesigner, gränssnittsutvecklare, systemutvecklare

    Tekniker: HTML, CSS, JavaScript, PHP, WordPress, Subversion

  7. Dialogstöd (Social resursförvaltning), Göteborgs Stad – 2014–2015

    Formgivning, gränssnitt och systemutveckling av nya versionen av Dialogstöd (dialog.socialhallbarhet.se).

    Roll: Interaktionsdesigner, gränssnittsutvecklare, systemutvecklare

    Tekniker: HTML, CSS, JavaScript, PHP, WordPress, Subversion

  8. PIVI (Social resursförvaltning), Göteborgs Stad – 2013–2015

    Formgivning, gränssnitt och systemutveckling av projektöversikten PIVI (pivi.socialhallbarhet.se).

    Roll: Interaktionsdesigner, gränssnittsutvecklare, systemutvecklare

    Tekniker: HTML, CSS, JavaScript, PHP, WordPress, Subversion

  9. Intraservice, Göteborgs Stad – 2013–2016

    Koncept och gränssnittsprogrammering av Serviceportalen i Göteborgs Stads intranät

    Framförallt vidareutveckling av formulärvalidering men även koncept och gränssnitt för ny funktionalitet.

    Roll: Interaktionsdesigner, gränssnittsutvecklare

    Tekniker: HTML, CSS, JavaScript, jQuery, IBM WebSphere Portal, Subversion, Git, Scrum, WCAG 2.0

  10. Stadsledningskontoret, Göteborgs Stad – 2012–2013

    Koncept, formgivning, gränssnitt och systemutveckling av webbplats för finansiell information vid Göteborgs stad (finans.goteborg.se).

    Roll: Interaktionsdesigner, gränssnittsutvecklare, systemutvecklare

    Tekniker: HTML, CSS, JavaScript, PHP, WordPress

  11. Social resursförvaltning, Göteborgs Stad – 2012–2013

    Koncept, formgivning, gränssnitt och systemutveckling av nya webbplatsportalen Socialhallbarhet.se

    Med community och flera olika undersajter för specifika verksamhetsområden.

    Roll: Interaktionsdesigner, gränssnittsutvecklare, systemutvecklare

    Tekniker: HTML, CSS, JavaScript, PHP, WordPress, BuddyPress

  12. Brostaden – 2012–2013

    Vidareutveckling av karttjänst med kategoriserade markörer på ny publik webbplats för fastighetsbolaget Brostaden.

    Roll: Gränssnittsutvecklare

    Tekniker: HTML, CSS, JavaScript, Google Maps

  13. Getinge Infection Control – 2011–2012

    Koncept-, och gränssnittsutveckling av ny publik webbplats för Getinge.

    Roll: Interaktionsdesigner, Gränssnittsutvecklare

    Tekniker: HTML, CSS, JavaScript/jQuery, LocalStorage

  14. Svenska Mässan – 2011

    Gränssnittsutveckling av mobilappar för Svenska Mässans olika mässwebbar.

    Roll: Interaktionsdesigner, Gränssnittsutvecklare

    Tekniker: HTML, CSS, JavaScript/jQuery/jQuery Mobile, LocalStorage

  15. Världskulturmuseerna – 2011

    Gränssnittprogrammering av prototyp och interaktivt puffhanteringssystem för ny webbplats åt Världskulturmuseerna.

    Roll: Gränssnittsutvecklare

    Tekniker: HTML, CSS, JavaScript/jQuery/jQuery UI

  16. Blåkläder – 2011–2014

    Gränssnittsprogrammering av ny webbplats samt pågående nyutveckling av funktioner som PDF-generering av valda produkter.

    Roll: Gränssnittsutvecklare

    Tekniker: HTML, CSS

  17. S2020 Göteborgs stad – 2011

    Koncept och formgivning av temawebbplats för socialt hållbar utveckling.

    Roll: Interaktionsdesigner, Formgivare

    Tekniker: Visio, Photoshop

  18. Arbetsgivarverket – 2011

    Koncept och formgivning av iPhone- och Android-appen ”Statliga Jobb”.

    Roll: Interaktionsdesigner, Formgivare

    Tekniker: Penna och papper, Photoshop

  19. Västra Götalandsregionen – 2011

    Gränssnittsprogrammering av mobilt gränssnitt för iPhone och iPad av portalramverk.

    Roll: Gränssnittsutvecklare

    Tekniker: HTML, JavaScript, CSS

  20. Svenska Exportrådet – 2011

    Gränssnittsprogrammering av intranät med stränga krav på prestanda i äldre webbläsare.

    Roll: Gränssnittsutvecklare

    Tekniker: XHTML, CSS, JavaScript

  21. Willhem – 2011

    Formgivning och gränssnittsprogrammering av intranät åt nystartat bostadsbolag.

    Roll: Formgivare, Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS, JavaScript

  22. Göteborgs Stadsteater – 2010–2011

    Interaktionsdesign, formgivning och gränssnittsprogrammering av ny webbplats med Ticnet-integration.

    Roll: Interaktionsdesigner, Formgivare, Gränssnittsutvecklare

    Tekniker: Penna och papper, Photoshop, HTML, JavaScript, CSS

  23. Svenska Mässan – 2010

    Interaktionsdesign, formgivning och gränssnittsprototyp för mässramverk i EPiServer.

    Roll: Interaktionsdesign, Formgivare, Gränssnittsutvecklare

    Tekniker: Visio, Photoshop, XHTML, JavaScript, CSS

  24. Bok & Bibliotek – 2009–2010

    Interaktionsdesign, designskisser, gränssnittsprogrammering och iPhone-anpassning för Bokmässans community.

    Roll: Interaktionsdesigner, Formgivare, Gränssnittsutvecklare

    Tekniker: Visio, Photoshop, XHTML, JavaScript, CSS

  25. Arena Skövde – 2009–2010

    Gränssnittsprogrammering av ny webbplats för bad-, idrotts- och evenemangsarena i Skövde.

    Roll: Gränssnittsutvecklare

    Tekniker: XHTML, JavaScript, CSS

  26. Gothia Towers – 2009–2010

    Interaktionsdesign och senare gränssnittsprogrammering av ny webbplats (exkl bokningsflöde) till Nordens största hotell.

    Roll: Interaktionsdesigner, Gränssnittsprogrammerare

    Tekniker: Visio, HTML, JavaScript, CSS

  27. Göteborgs Stad – 2009

    Interaktionsdesign för beställningsportal åt Göteborgs Stads interna verksamhet.

    Roll: Interaktionsdesigner

    Tekniker: Visio

  28. Team Sportia – 2009

    Formgivning och gränssnittsprogrammering för befintlig och ny webbplats.

    Roll: Formgivare, Gränssnittsutvecklare

    Tekniker: Illustrator, Photoshop, XHTML, JavaScript, CSS

  29. Svenska Fotbollförbundet – 2009

    Gränssnittsprogrammering av nygamla webbplatsen svenskfotboll.se – bibehållet utseende med modern kod efter migrering av gammal plattform.

    Roll: Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, JavaScript, CSS

  30. Jabo Wood Products – 2009

    Interaktionsdesign och gränssnittsprogrammering av ny webbplats.

    Roll: Interaktionsdesigner, Formgivare, Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, JavaScript, CSS

  31. Transportstyrelsen – 2009

    Utbildning i webbstandarder och tillgänglig webbutveckling för bl a Transportstyrelsens IT-avdelning.

    Roll: Gränssnittsutvecklare, Tillgänglighetsexpert

  32. Migrationsverket – 2008–2009

    Interaktionsdesign för ansökansprocedur och bakomliggande ärendehanteringssystem för projekt e-migration.

    Roll: Interaktionsdesigner

    Tekniker: Visio

  33. Langley Travel – 2008

    Interaktionsdesign och gränssnittsprogrammering av reseföretaget Langleys webbplats (www.langley.eu).

    Roll: Interaktionsdesign, Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, JavaScript, CSS

  34. Armatec – 2008

    Gränssnittsprogrammering för ny webbplats åt B2B-företag inom värme/kyla-branschen.

    Roll: Gränssnittsutvecklare

    Tekniker: XHTML, CSS, JavaScript

  35. MQ – 2008

    Konceptutveckling och gränssnittsprogrammering för nytt intranät åt MQ.

    Roll: Interaktionsdesigner, Gränssnittsutvecklare

    Tekniker: XHTML, CSS, JavaScript

  36. Burger King – 2008

    Gränssnittsprogrammering för ny, sökmotoroptimerad webbplats för restaurangkedjan Burger King.

    Roll: Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS, JavaScript

  37. MQ – 2008

    Gränssnittsprogrammering för ny, tillgängligare webbplats för klädföretaget MQ.

    Roll: Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS, JavaScript

  38. BoPunkten – 2007–2008

    Bostadsförmedlingstjänst för i första hand andrahandsuthyrning.

    Roll: Interaktionsdesigner, Formgivare, Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS, JavaScript

  39. Journalisten – 2007–2011

    Gränssnittsprogrammering, systemutveckling och löpande vidareutveckling i publiceringssystemet Textpattern för Svenska Journalistförbundets medlemstidning på webben.

    Roll: Gränssnittsutvecklare, Systemutvecklare

    Tekniker: XHTML, CSS, JavaScript, PHP

  40. Xataka – 2007

    Gränssnittsprogrammering av Xataka.com, en av den spansktalande världens största teknikrelaterade communitybloggar.

    Roll: Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS

  41. Community of Sweden – 2007–2008

    Gränsnittsprogrammering av prisbelönt community för Sveriges officella turistwebbplats – VisitSweden.com – en del av Sweden.se.

    Roll: Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS.

  42. Göteborgs Stad – 2007–2011

    Utarbetande av riktlinjer för tillgängliga PDF:er och dess skapande från Word och InDesign för Göteborgs Stads webbplats.

    Roll: Tillgänglighetsexpert

  43. Göteborgs Stadsteater – 2006–2007

    Gränssnittsprogrammering för webbplats åt Göteborgs Stadsteater och Backa Teater.

    Roll: Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS.

  44. Örkelljunga kommun – 2007

    Gränssnittsprogrammering för Örkelljunga kommuns nya webbplats.

    Roll: Gränssnittsutvecklare

    Tekniker: XHTML, CSS, JavaScript

  45. Migrationsverket – 2006

    Gränssnittsprogrammering av delwebbplats för Lifos – Migrationsverkets landinformation.

    Roll: Formgivare, Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS

  46. Västra Götalandsregionen – 2006

    Utarbetande av prototyp enligt framtagna kodriktlinjer och användarscenarios, för användande i användbarhetstester och intern förankring för VG-regionens portalramverk.

    Roll: Formgivare, Gränssnittsutvecklare

    Tekniker: Photoshop, XHTML, CSS

  47. Eniro/Passagen – 2006

    Koncept, informationsstruktur, formgivning och prototyp för tilltänkt ny onlinecommunity.

    Roll: Interaktionsdesigner, Formgivare, Gränssnittsutvecklare

    Tekniker: Illustrator, Photoshop, XHTML, CSS

  48. Simrishamns kommun – 2006

    Interaktionsdesign, illustrationer, formgivning och gränssnitt åt Österlens främsta turistkommun.

    Roll: Interaktionsdesigner, Formgivare, Gränssnittsutvecklare

    Tekniker: Illustrator, Photoshop, XHTML, CSS

  49. Smittskyddsinstitutet – 2005–2006

    Formgivning och gränssnittsprogrammering åt ny webbplats.

    Roll: Formgivare, Gränssnittsutvecklare

    Tekniker: Illustrator, Photoshop, XHTML, CSS

  50. Fria Tidningar – 2004–2005

    Framtagning av logotyper och formgivning av mallar för tidningsproduktion.

    Roll: Formgivare

    Tekniker: Illustrator, XHTML, CSS

Kod

Lekstuga

See the Pen Lin logo animation by Anton Andreasson (@naton) on CodePen.

SVG-animation av Lin-logga utan JavaScript.

See the Pen Lin gradients by Anton Andreasson (@naton) on CodePen.

Bildlös hantering av prickarna på Lineducation.se (utan JS).

See the Pen Tickster logo by Anton Andreasson (@naton) on CodePen.

Eget förslag på ny Tickster-logga, helt i CSS.

Detektera ansikten

Detektera och maskera ansikten ur bilder med hjälp av JavaScript. Se även en webkamera-version.

See the Pen Grid, nestable by Anton Andreasson (@naton) on CodePen.

Flexbox-baserat grid-system med nästlingsbara ”celler” i tre storlekar, utan krav på wrappers (används t ex på denna sida).

See the Pen VueJS POC using parent/child emit events by Anton Andreasson (@naton) on CodePen.

POC för enkel child/parent-kommunikation mellan komponenter i VueJS.

Live och nyligen

Open Source-engagemang

Form

Reflections

(Tillhandahålls på begäran)