Att rodda digitala projekt – så gör jag!

Tänker så det knakar

Från dotcom till 2020

Jag har arbetat i kommunikations-branschen i 20 år, som produktions- och projektledare på bland annat Abel & Baker, Dist PR och FamiljenPangea. Där har jag drivit projekt inom det mesta, allt från tjusiga reklamfilms- och printproduktioner, till webbkampanjer och ehandelsprojekt. Jag startade min karriär på en internationellt erkänd webbyrå när jag var 20-årsåldern (Abel & Baker) och driver idag min egna digitala byrå (Divide & Conquer).

Under min karriär har SyQuest-diskarna bytts ut mot Dropboxlänkar, blåkopior via cykelbud har blivit digitala provtryck över mejlen och flashanimationer finns inte mer – nu är det animerade SVG:er som gäller. Mycket har hänt… Här har jag samlat grejor som jag lärt mig längs vägen, i form av konkreta tips och en digital checklista. Enjoy!

Saker som är viktiga

När man jobbar med webb finns det några saker som är direkt livsviktiga för projektet. Att ha en tydlig kravspecifikation från uppdragsgivaren och en specificerad offert till exempel. Bryt gärna ner alla funktioner i smådelar med tidsestimat på timnivå när du skriver offerten. Du kommer att tacka mig senare, jag lovar.

Andra viktiga saker är att ha alla designvyer (minst mobil och desktop) slutligt godkända innan någon utveckling påbörjas. Sedan kommer vi till testbiten som ska göras på alla typer av enheter, webbläsare, operativsystem och skärmstorlekar innan man släpper in kunden på testmiljön.

Och så har vi allt innehåll. Ska byrån eller kunden själv mata in texter och bilder i det valda CMS:et, och när sker det? Finns det tid för detta i tidsplanen?

Det här med SEO

Grundläggande sökmotoroptimering kräver vettigt strukturerad kod, så att sökmotorerna kan indexera och hitta rätt på sidan. Andra saker som kan höja sökrankningen är:

  • Se till att ha bra innehåll på sajten och uppdatera ofta.
  • Sajten måste vara responsiv.
  • Sajten måste vara snabb (välj bra hosting och undvik för tunga filer).
  • Texten måste vara läsbar, tänk på kontraster och storlek.
  • Lägg till webbplatsen på sökmotorernas olika utvecklingspaneler, t.ex. Google Webmaster Tools.

WCAG

WCAG står för Web Content Accessibility Guidelines och är rekommendationer gällandes hur man publicerar webbinnehåll mer tillgängligt för människor med olika typer av funktionsnedsättningar. Några saker att tänka på är exempelvis hur text fungerar ovanpå färgplattor, att man som besökare ska kunna stänga av vissa funktioner om man behöver och att det ska finnas möjlighet att zooma in på sidan för att öka textstorleken. Läs mer om WCAG här.

Hosting och säkerhet

Man bör alltid välja leverantörer med högsta möjliga säkerhet, förståelse för teknikvalen som gjorts, samt förutsättningar för en så snabb webbplats som möjligt. SSL ska alltid ingå och vara standard.

Om du kör WordPress så är det viktigt att löpande köra de uppdateringar som släpps kontinuerligt. Det är lika viktigt som att uppdatera programvaran i telefonen eller datorn! Om du slarvar med detta så kan säkerhetshål uppstå och du kan bli hackad. Att i efterhand laga en hackad sajt blir både dyrt och tråkigt! Detsamma gäller förstås andra publiceringssystem med.

Verktyg och program

Vissa gillar Trello och Slack, jag använder hellre Paper och Telegram. Här har jag samlat de mest nödvändiga verktygen för att få jobbet att flyta för mig.

iA är en favorit

iA Writer

iA Writer är ett trevligt textredigerings-program som är oslagbart för till exempel mötesanteckningar. Jag kör appen både i min laptop och i min iPhone vilket gör det supersmidigt att växla mellan. Man kan även byta till dark mode om man föredrar det, både i skrivläge och för appikonen på skärmen. En annan smart grej är att man kan dela textfiler med andra.

Todoist

Jag skulle inte klara mig utan appen Todoist. Jag använder den både i jobbet och privat. Det är helt enkelt en app där man ger sig själv – eller andra! – todos. Det finns påminnelsefunktioner med klockslag i de fall man behöver det (till exempel boka konsertbiljetter när de släpps på tisdag kl 10:00) och om man vill kan man skapa todos som är återkommande en viss tid varje dag eller vecka (till exempel ”gör bokföring och fakturera varje måndag”).

Browserstack

Browserstack är en bra tjänst som gör det möjligt att testa en sajt i olika webbläsare och operativsystem utan att behöva en onödigt stor maskinpark. Du vill hitta eventuella buggar och fixa dessa innan du visar något för din kund.

Hur ser det ut på en Google Pixel egentligen?

Annat

Koll på två minuter.

Andra bra tjänster är Toggl, som används för tidrapportering, Buffer som är en smart tjänst för att hantera kunders sociala medier-konton. Paper och Dropbox är det vi använder internt för textdokument och fillagring. Vi använder den säkra och krypterade meddelandetjänsten Telegram för korta interna meddelanden samt ibland även samtal. En annan bra grej om man vill hålla sig uppdaterad om vad som händer i tech-världen är att prenumerera på Wireds nyhetsbrev ”Tech in Two”. Jag läser sällan allt, men kollar alltid deras rubriker och ingresser i mejlet, vilket ger en bra överblick.

Relationer och team

Kunden och jag

För mig har kundrelationen alltid varit viktig. Det är extra roligt när man har en lång relation tillsammans och samarbetet bara blir bättre och bättre med åren. En bra kundrelation skapar jag genom att alltid vara noggrann och tydlig, transparent, samt hålla lugnet, och kanske viktigast av allt: vara snäll. När kunden litar på dig och ni kan ha en öppen dialog på ett naturligt sätt så blir det bra!

Teamet och jag

Otydliga roller är helt förödande för arbetsgrupper. Red ut vem som ansvarar för vad och säkerställ att alla förstår och tycker det känns bra i början av projektet. Se till att arbetsfördelningen är rimlig mellan teammedlemmarna och, om den inte är det, agera i tid innan det blir för stressigt. Rollfördelningen är inte där för att skapa fåniga hierarkier utan för att undvika missförstånd. Om det är en orimligt ojämn beläggning inom gruppen ska man självklart kunna gå utanför sina roller och hjälpa till med det man kan och där det behövs!

Här är min checklista – helt gratis!

  • Be kunden om att ta med tekniska önkemål redan i briefen.
  • Ta fram en teknisk spec, utifrån kundens brief.
  • Gör en förteckning över eventuella externa tjänster som kommer behövas, t.ex. kartlösningar, så att extrakostnader är tydligt redovisade.
  • Estimera alla steg i den tekniska specen.
  • Bestäm kommunikationsmodell med kunden, vare sig om det är ett projekthanteringssystem eller bara e-post.
  • Skicka offerten och få den godkänd.
  • Gör en tidplan. Börja räkna bakifrån om ett lanseringsdatum finns. Lägg in goda marginaler för testning och inmatande av innehåll.
  • Ta reda på vad kunden använder för hostingföretag och var domänen finns (om det finns en).
  • Se till att det finns SSL på webbhotellet.
  • Registrera en domän om den inte redan finns. Detta ska beställaren göra.
  • Om kunden har en existerande webbplats, fråga om det finns statistik tillgänglig. Det kan ge en fingervisning om vilka delar av webbplatsen som fungerar och inte fungerar idag.
  • Fråga efter befintligt designmaterial – typsnitt, färger, designelement, etc. Får typsnittet användas på webben?
  • Ta fram sidkarta och wireframes.
  • Få wireframes och sidkarta godkänd av kunden.
  • Ta fram designskisser.
  • Få designskisser godkända av kunden.
  • Designa alla vyer, för mobil och desktop.
  • Få ett sista slutgodkännande av kunden innan utvecklingen startar, för samtliga vyer.
  • Sätt upp en utvecklingsmiljö.
  • Börja utveckla.
  • Testa löpande när det närmar sig demo.
  • Ordna en demo med kunden och gå igenom hela projektet.
  • Låt kunden testa på sitt håll.
  • Håll en utbildning med kunden om det behövs.
  • Planera lanseringen. (Aldrig på en fredag!)
  • Implementera statistikverktyg för att kunna mäta antalet besökare och deras beteende. Om detta är en tjänst så är det bäst om kunden äger kontot.
  • Se till att det finns nödvändiga policys för integritetspolicy, cookies och GDPR.
  • Om det finns en befintlig webbplats som ska ersättas, ta reda på om kunden vill ha en kopia av dess innehåll sparad.
  • Flytta projektet från utvecklingsmiljö till skarp miljö och gå live.
  • Räkna med att kunden hittar saker/vill ändra saker. Planera för detta internt.
  • Ta fram en plan för aktiviteter efter lansering, t.ex. för säkerhetsuppdateringar.
Tack för att du läste, lycka till med ditt digitala projekt!

Divide & Conquer önskar god jul!

Vår julklapp till er! Här är våra samlade favoriter inför julledigheten. Hoppas ni gillar dem lika mycket som vi gör! Vi önskar er en riktigt god jul och ett gott nytt år och hoppas på fler kul projekt och samarbeten under 2020. Make web, not war. Kram från oss. ❤️

Helena: Grönkålschips och vintrig drink

De godaste snacksen under julen är grönkålschipsen. Spröda, salta, ljuvliga! Till chipsen dricker du en GT med julig touch och färg!

Så här gör du grönkålschips

  1. Sätt på ugnen på 150 grader.
  2. Ansa grönkålen och ta bort de grövsta stjälkarna.
  3. Lägg ut grönkålen på ett bakplåtspapper i en ugnsform. Fördela ut alla bladen jämnt.
  4. Ringla olivolja över grönkålen och massera sedan in oljan så att den sprids ut väl.
  5. Sätt in plåten i ugnen i 15-20 minuter.
  6. Ta ut plåten, strössla på flingsalt och servera!

Nu till drinken

Börja med att göra din egen smaksirap (beräknat att räcka till fyra drinkar).

Du behöver:

  • 1 dl vatten
  • 1 dl socker
  • 1,5 dl färska tranbär
  • En burrig kvist rosmarin

Lägg alla ingredienser i en kastrull och koka tills tranbären mjuknat. Låt sirapen svalna i cirka fem minuter och sila.

Dags att blanda drinken, så här gör du:

  • 4 cl smaksirap
  • 4 cl gin (förslagsvis denna sort)
  • 1,5 dl tonic

Garnera med isbitar fyllda med rosmarin och tranbär. Dessa behöver förberedeas en dag innan och du tar helt enkelt en liten kvist rosmarin och några frysta tranbär och lägger i ett isfack och häller på vatten. Vad gäller glas så välj ett extra tjusigt att servera i!

Anders: Filmtips inför jullovet

Mellandagarna: Ett tillfälle att resa till solen, byta ut fortfarande fullgod hemelektronik på mellandagsrean eller – i mitt fall – bocka av filmerna som man har missat under året. Min filmchecklista för 2019 är för lång för att jag ska hinna med alla innan året är över, men jag hoppas åtminstone få tid till Once Upon a Time in Hollywood, Marriage Story och Joker innan vi rullar över till nästa årtionde.

Några filmer har jag i alla fall hunnit med i år, och en handfull av dem är tillräckligt bra för att vara värda en stark rekommendation. Om du också är sugen på biobesök i mellandagarna så är det här filmerna som du inte bör missa från det gångna året.

The Irishman

Diskussionerna om Martin Scorceses senaste film har i första hand kretsat kring dess längd (3,5 timmar), distributionsmetod (Netflix) och Martin Scorceses kontraproduktiva kommentarer om superhjältefilmer. Allt detta har distraherat från det faktum att The Irishman är Scorceses bästa film sedan The Departed, och ett kärleksbrev till hans egen karriär och skådespelarna han har jobbat med genom åren. Det här är troligtvis sista gången som Martin Scorcese, Robert De Niro, Al Pacino och Joe Pesci jobbar tillsammans. Det känns fint att de slutar på topp.

Us

Jordan Peeles Get Out var min favoritfilm från 2017, och mina förväntningar på Us, hans nästa film, var skyhöga. Lite för höga. Us kunde aldrig leva upp till käftsmällen som var Get Out. Skådespelarna är enastående (särskilt Lupita Nyong’o i huvudrollen) och Jordan Peele bygger upp stämningen i varje scen med en stadig hand, men filmens handling lyckas inte leva upp till dess premiss. Trots bristerna så är Us en djupt obehaglig filmupplevelse som du absolut bör utsätta dig själv och dina nära och kära för i julhelgerna, om du inte redan har gjort det.

Knives Out

Whodunnit-komedier har inte varit en vanlig genre-crossover i Hollywood sedan 80-talet, och Rian Johnsons stjärnspäckade Knives Out visar med all önskvärd tydlighet varför det är synd och skam att så är fallet. Patriarken i en rik och excentrisk familj blir mördad, och detektiven Benoit Blanc samlar alla familjemedlemmar på släktgården för att hitta mördaren. Daniel Craig, Jamie Lee Curtis, Don Johnson, Michael Shannon, Chris Evans, Christopher Plummer… Knives Out har en enastående ensemble, och skådisarna verkar ha haft lika roligt under tagningarna som jag hade i biosalongen. Perfekt film att ta med släkten till på juldagen.

Emma: Bountybollar och äggtoddy på julafton

Bountybollar är helt galet goda och en storfavorit hos familjen Fresk! De är perfekta att göra redan några dagar innan julafton och ha i kylen. Dessutom är de glutenfria.

Så här gör du bollarna

  • 3 dl kokosflingor
  • 1/2 dl kokosgrädde
  • 1 dl florsocker
  • 50 g smör
  • 2 tsk vaniljsocker
  • 200g mörk eller ljus choklad

Smält smör i en kastull. Blanda ner kokosflingor, florsocker och kokosgrädde och rör om under svag värme. Ställ smeten i kylen i cirka en timme. Medan smeten stelnar kan du passa på att göra en god äggtoddy till dig själv eller dina gäster.

Så här gör du äggtoddyn

  • 4 äggulor
  • 6 msk rörsocker
  • 1 tsk vaniljsocker
  • 1 ½ dl mörk rom
  • 8 dl varm mjölk

(Räcker till 4-5 personer.)

För en alkoholfri äggtoddy rekommenderar jag pressad apelsinsaft istället för rom!

Vispa äggulor, socker och vaniljsocker till en krämig smet. Häll i rom och mjölk medan du fortsätter att vispa tills det blir skummigt. Häll upp i dina snyggaste whiskyglas och servera medan det är varm!

Ta ut din bountysmet och rulla till portionsstora bollar. Smält chokladen över vattenbad och doppa dina bountybollar. Lägg upp på ett fat och ställ in i kylen. Ta ut dina bountybollar när chokladen stelnat – ät och njut!

TDH: Den perfekta drajan och ett boktips

Trött på julen? Ja, jag med – och då har den inte ens börjat när det här skrivs. Det förefaller sig därmed naturligt att jag riktar blicken mot såväl mellandagarna (vila!) och nyårsfirandet. Naturligtvis ska det poppas bubbel kring tolvslaget (tips: spara budgetbubblet till tolvslaget och drick det bästa först, för en bättre upplevelse) för det är bland det mest ikoniska man kan tänka sig. Men innan dess?

Den perfekta drajan

Det finns gott om recept på hur man blandar en Dry Martini, men bara ett är rätt, även om det finns en genväg. Ni får tro mig när jag säger att jag har vida erfarenhet av denna de ädlaste av drycker, så pass att jag gästspelat bakom bardisken enkom för detta.

Så hur gör man? Helst som Sir Roger Moore, måhända inte den bästa James Bond-skådisen men tveklöst den som drack bäst drajor. Och nej, den är varken skakad eller rörd…

Du behöver

  • Gin (Tanqueray är det bästa under tusenlappen på Systembolaget)
  • Vermouth (jag föredrar de torrare, men troligen hittar du bara lite rundare Noilly Pratt)
  • Is (helst nyligen krossad) eller framförhållning
  • Gröna oliver (okärnade, gärna stora halkidi eller gordal)
  • Ett cocktailglas 🍸
  • Cocktailpinnar av lämplig längd (långa tandpetare fungerar om det krisar)

Gör så här

  1. Lägg dina cocktailglas i frysen ett par timmar innan drajan ska blandas. Eftersom du inte gjort det så tar du istället ett rumstempererat glas och fyller med krossad is – låt stå fem minuter.
  2. Häll på 2 cl vermouth.
  3. Spetsa 2-3 oliver på en cocktailpinne.
  4. Snurra runt vermouthen i glaset.
  5. Släng ut is och vermouth i vasken. Det har inget i en bra draja att göra.
  6. Lägg cocktailpinnen med oliverna i glaset.
  7. Häll på 6 cl gin.

Varför 2-3 oliver undrar vän av ordning? Jo, Roger Moore fick dessvärre inte njuta sina drajor på senare år, så han ville gärna ha en oliv om du drack en Dry Martini i hans närhet. Och oliver är ju goda, så du borde få två, men den tredje, den är till Roger, om han råkar vara där… Och om han inte är det? Igen: oliver är ju goda, speciellt om de marinerat i bra gin en liten stund.

Mellandagsboken: The Wayfarers

Trött på jul, inte riktigt dags för nyårsgalaj ännu? Tänd brasan, blanda dig en draja (fungerar alltid), och njut en god bok. Jag har läst en hel del som lämnat avtryck i år, men med tanke på att Star Wars-sagan ska slås igen, eller Skywalker-delen av den i alla fall, med Rise of the Skywalker så tänker jag att man ska läsa manuset… Nej, jag skojade bara! Filmmanus är bland den minst engagerande läsning man kan tänka sig, såvida målet inte är att filmatisera.

Men med det sagt, låt oss hålla oss i rymden. Becky Chambers debuterade med The Long Way to a Small, Angry Planet 2014 – först via en Kickstarterkampanj och sedan utgiven på Harper – följde upp den med A Closed and Common Orbit 2016, för att sedan ge oss Record of a Spaceborn Few 2018. Serien, som kallas The Wayfarers, pågår fortfarande men är inte typisk scifi eller rymdopera, och har absolut ingenting alls med Star Wars att göra. Rekommenderas varmt.

God jul och gott nytt årtionde, från alla oss på Divide & Conquer!

WordPress 5.3 släpps med svenskt standardtema

I tisdags blev version 5.3 av WordPress tillgänglig som en uppdatering i administrationspanelen. Som den ensamma decimalen antyder är WordPress 5.3 en stor uppdatering, vilket betyder att den måste installeras manuellt genom administrationsgränsnittet. Storleken på uppdateringen betyder också att det är säkrast att ta en säkerhetskopia av din webbplats innan du trycker på ”Uppdatera”-knappen.

WordPress 5.3 innehåller en mängd förbättringar och nya funktioner. WordPress nya innehållsredigerare, blockredigeraren, tar ett stort kliv framåt med version 5.3. Den får bland annat ett nytt ”Grupp”-block som gör det ännu enklare att bygga komplexa layouter, och flera mindre förbättringar som gör redigeraren snabbare och mer användarvänlig. Administrationsgränsnittet har uppdaterats med högre kontrast, och utvecklare har fått flera nya funktioner att jobba med. Thord har publicerat en omfattande genomgång av nyheterna på WPSE.

Uppdateringen introducerar också ett nytt standardtema, Twenty Twenty, som till stor del designades i Divide & Conquers lokaler. Jag blev tillfrågad om jag ville leda designen av årets standardtema i slutet av augusti, och det var en chans som jag inte kunde tacka nej till. Du kan läsa en längre post om hur temat föddes på WPSE. Twenty Twenty är designat och byggt för att visa vad som är möjligt med blockredigaren, vilket är en hel del nu när WordPress 5.3 är släppt. Temat installeras automatiskt när du uppdaterar till WordPress 5.3, och kommer förinstallerat på alla nya WordPress-webbplatser. Om du är nyfiken på hur Twenty Twenty ser ut så kan du besöka en demosajt för temat här.

Du hittar mer information om WordPress 5.3 i blogginlägget på WordPress.org, och där kan du även se en lista med alla som har jobbat på uppdateringen. I den hittar du inte bara ett namn från Divide & Conquer, utan två – Thord har också bidragit till WordPress 5.3.

Träffa Divide & Conquers kunder på bokmässan

Vi har hjälpt bokförlaget Volante med både e-handel och författarsajter, och de är förstås på plats på bokmässan under hela helgen. Bland Volantes författare har vi bland annat jobbat med Emma Frans, Lars-Johan Åge och Micael Dahlen, och alla tre kommer att närvara på mässan.

Volate håller till i monter B04:27. Snett mittemot hittar ni monter B04:40, där Gamla Stans bokhandel arrangerar författarsamtal med flera av Volantes författare under helgen.

Här är programpunkterna på bokmässan som vi rekommenderar lite extra:

Fredag

  • 11:40 – 11:55 Micael Dahlen
    Ingen kan bli perfekt, men alla kan bli skitbra
    Forskartorget, B05:72
  • 12:30 – 12:50 Micael Dahlen
    Ingen kan bli perfekt, men alla kan bli skitbra
    Psykologiscenen, C-hallen
  • 13:30 – 14:00 Micael Dahlen
    Läslyftet
    Gamla stans bokhandel, B04:40

Lördag

  • 12:00 – 12:30 Emma Frans
    Sant, falskt eller mittemellan?
    Dagens Industri, F01:36
  • 13:30 – 14:00 Emma Frans
    Så övervinner du din inre idiot
    Gamla stans bokhandel, B04:40

Söndag

  • 09:30 – 09:50 Emma Frans
    Vems sanning är sann? Med Mats Strandberg
    Dagens Industri, F01:36
  • 10:30 – 10:45 Emma Frans
    Sant, falskt eller mittemellan?
    Forskartorget, B05:72
  • 13:00 – 13:45 Emma Frans
    Seminarium: Konsten att skriva populärvetenskap med Katarina Gospic och Magnus Linton, moderator Helena Bornholm
    F4
  • 14:10 – 14:25 Emma Frans
    Sant, falskt eller mittemellan?
    Svenska Dagbladet, B02:39

Foto: Niklas Maupoix

Vi är nominerade i Publishingpriset

I våras lanserade vi en sprillans ny webbplats åt Bonniers Konsthall. Vårat uppdrag var att designa och utveckla en ny webbplats som gör både konsthallen och dess utställningar rättvisa, och som speglar konsthallens distinkta visuella identitet på nätet. Utmaningen till oss var också att göra det enklare för besökare att hitta informationen de behövde inför besöket.

Kommunikationstävlingen Publishingpriset har sedan 1990 belönat god kommunikation inom ett 60-tal kategorier för film, print och webb. Juryn består av verksamma kommunikatörer såsom fotografer, grafiska formgivare, filmproducenter, journalister, redaktörer och UX-designers. De granskar, värderar och jämför tävlingsbidragen, som bedöms utifrån ett antal kriterier.

Vi är glada att kunna berätta att Bonniers Konsthalls webbplats har nominerats i kategorin ”Sajter som marknadsför destinationer”! Prisutdelningen kommer hållas på Berns den 5 november. Håll tummarna för oss då!

Nyfiken på hur arbetet med Bonniers Konsthalls webbplats gick till? Vi har skrivit ingående om uppdraget, för den som vill veta mer.

Ny utställning på Bonniers Konsthall

Missa inte den senaste utställningen på Bonniers Konsthall som öppnade 30 augusti. Utställningen heter Kosmologiska pilar och den samlar tretton samtida konstnärskap som använder sig av science fiction och rymden för att ställa centrala frågor kring människans existens och hur vi behandlar den värld vi lever i. Konstverken lyfter fram idéer och visioner som rör sig fritt mellan ämnen som astronomi, miljö, genus, kolonisering, futurism och artificiell intelligens. Hur spännande låter inte detta? Utställningen pågår till och med den 10 november. Gå dit!

WP-ÖL i studion

Torsdagen den 20 augusti publicerades det 100:e numret av nyhetsbrevet WPSE och samma dag lanserades den helt nya webbplatsen WPSE.SE. Vi är en mycket stolt sponsor av WPSE och ville självfallet fira dessa två händelser. Därför bjöd vi in kunder, samarbetspartners och kompisar till en after work i vår fina studio på Tomtebogatan.

WPSE är en webbplats om WordPress, på svenska. Där publiceras löpande nyheter, tips på tillägg och teman, samt förstås information om WordPress-evenemang världen över. WPSE publicerar även ett nyhetsbrev, som är gratis att prenumerera på. Det första numret kom ut redan den 20 april 2017, så det har varit med ett tag. Börja prenumerera du med!

Det blev en härlig blandning av folk och egen WP-ÖL, en bra kväll helt enkelt!

Vi har sommaröppet!

Sommar, sol, och semester stundar för de flesta. Divide & Conquer håller dock öppet så gott som hela sommaren. Det betyder förvisso inte att studion är bemannad varje dag, men vi fortsätter jobba även under juli och augusti, med spännande projekt.

Vi finns således på plats om du har projekt som behöver förstärkning under sommarmånaderna. Hör av dig om du behöver hjälp med allt från design till utveckling, gärna WordPress eller ehandel med Woocommerce.

Hur fungerar det?

Vårt upplägg är inte bundet till en specifik plats, utan vi kan jobba varifrån som helst, utan att det påverkar produktionen. Tidigare har vi berättat om varför vi använder Telegram (istället för Slack) för kommunikation, men det är förstås andra verktyg som spelar in också. Vi ska berätta mer om dem i en kommande bloggpost.

För oss är det viktigt med en flexibel arbetsmiljö, i det fall reslusten hugger tag. Alla möten och samtal kan inte återskapas fullt ut över nätet, ibland är det helt enkelt bättre att ses, men större delen av vårt arbete går alldeles utmärkt att sköta på distans. Därför är det lätt för oss att jobba vidare under sommaren, och det är förstås lyxigt att kunna styra över sin tid så att regniga dagar är mer jobbintensiva än när stranden lockar. Vi tycker frihet är viktigt, så vi har byggt våra arbetsprocesser kring detta.

Barkbar har öppnat

Förra sommaren var som bekant obehagligt varm, men även om det inte blir så farligt i år så är det ändå jobbigt för våra fyrbenta vänner. Även i år har vi ställt ut vattenskålar utanför studion, så Barkbar är med andra ord öppnad för säsongen. Vi har öppet när vi finns i studion, så bjud gärna din jycke på en slurk om du har vägarna förbi Tomtebogatan.

Följ med oss på sommarturné

Ja, inte hela Divide & Conquer då, och bara på vår Instagram, men ändå! Vi kommer posta från runtom i Sverige, när vi är ute och reser, träffar nära och kära, eller vad det nu är vi hittar på. Det är det fina med att kunna jobba varifrån som helst: man kan faktiskt resa vart man vill, så länge det finns vettigt internet förstås.

Och nej, det blir inte bara jobb i sommar. Vi hoppas nog på något svalkande i solskenet med, samt kanske ett och annat dopp i havet.

☀️Glad sommar!☀️

Webbplats åt en sommarvärd

Emma är doktor i epidemiologi, forskare, vetenskapsskribent och på sajten kan man läsa mer om hennes böcker och hennes blogg, där hon ger ett vetenskapligt perspektiv på aktuella eller särskilt intressanta frågor och företeelser.

Så här säger Emma själv om sin medverkan i Sommar i P1:

Jag kommer prata om hur vetenskapen har en tendens att komma och sabba sånt som verkar lite för bra för att vara sant. Och att vi alla ibland är faktaresistenta idioter.

Vi hörde Emma prata på förra årets Gatherfestival och kan starkt rekommendera att lyssna på henne. Programmet sänds den 13 juli, kl 13:00 i Sveriges Radio P1.

Bokförlaget Volante, som dels ger ut Emma Frans böcker och dels är en av våra kunder, kan för övrigt glädja sig åt att de har ytterligare en sommarvärd i år, nämligen biologen Anna Sverdrup-Thygeson. Hon har skrivit boken Insekternas planet, som handlar om rollen som insekter spelar i vårt kretslopp – och hur vi kan påverkas av att deras antal har halverats de senaste 40 åren. Anna Sverdrup-Thygesons program sänds den 11 juli, även det i Sveriges Radio P1.

 

Grattis älskade emoji!

Japanen Shigetaka Kurita skapade den allra första emojin 1999, och blev därmed emojins pappa. Den då 25-årige Kurita arbetade hos en stor japansk mobiloperatör, NTT DoCoMo, som vid den tiden utvecklade en av de första mobila webbplattformarna, kallad I-mode. I-modes meddelandetjänst rymde endast 250 tecken, och Kurita fick därmed idén om att skapa en emoji, för att kunna säga mer än vad som fick plats i det begränsade utrymmet. Ordet emoji kommer från det japanska 絵 (”e”, bild) och 文字 (”moji”, tecken).

I den första uppsättningen togs 176 emojier fram av Kurita och hans team. Han inspirerades av manga, väderleksrapporter, samt trafik- och gatuskyltar. Till skillnad från dagens vektorbaserade emojier var han tvungen att hålla sig inom 12×12 pixlar.

Emoijer åt alla!

Under en lång period var det mest i Japan som emojierna användes, men år 2010 fick de en standardiserad plats i Unicode och kunde därmed introduceras till resten av världen. 2011 lanserade till exempel Apple 722 stycken emojier till iPhone. Innan dess var man tvungen att hacka sin iPhone för att kunna använda emojierna.

Unicode är en industristandard som gör det möjligt för datorer att hantera text i världens alla skriftspråk. På så sätt kan emojier visas även om meddelandet skickas mellan två olika operativsystem. Unicode Consortium är en organisation som grundades i början av 90-talet och består av av representanter från diverse stora techbolag runtom i världen. En gång om året håller Unicode ett möte och röstar om vilka emojier som ska ändras läggas till eller tas bort. Enligt Unicode finns det i dagsläget 3019 emoijer. Många av dessa är variationer av samma sak, hudfärgen till exempel.

Däremot betyder inte det här att alla emojier ser likadana ut. Jämför exempelvis en emoji på en Android-telefon, med motsvarande på en iPhone, så ser du att de inte är identiska. Det är upp till operativsystemet – eller webbtjänsten, detsamma gäller såväl Twitter som WordPress – att tolka hur en emoji faktiskt ska se ut, Unicode bistår bara med beskrivningen. Det har lett till lite tokigheter genom åren.

Detsamma gäller om en emoji inte finns med i operativsystemets teckenuppsättning. Det här händer främst när det kommit en uppdatering, som de kommande 230 nyheterna, och du har dem på din telefon, men din mottagare har inte fått uppdateringen ännu. Då blir det oftast en tråkig vit yta. Det här är extra vanligt bland äldre Android-telefoner, som sällan får uppdateringarna till de nyare versionerna av operativsystemet, och därmed inga nya emojier. Naturligtvis kan vissa appar lösa problemet. Vad kan inte lösas med appar i dag?

Emojier i finrummet

År 2016 köpte det amerikanska Museum of Modern Art i New York hela Kuritas uppsättning emoijer och adderade den till konstmuséets permanenta samling.

2019 – ett mer inkluderande år

Om några veckor släpps 230 nya emojier. Det ser ut att bli mycket fokus på inkludering av olika slag, vilket såklart är väldigt bra. Bland annat finns en rullstolsburen person, en protes, en ledarhund, ett öra med hörapparat, och en blindkäpp med bland nyheterna. Emojier som föreställer samkönade par är också med på listan, samt personer med olika hudfärg som håller hand. Fint!

Några av de övriga nya emojierna är ett ostron, en sengångare, en vitlök, en bloddroppe, ett smörpaket, en flamingo, en isbit, och ett par kalsonger.

Vad tycker vi?

Jag ställde några frågor till mina kollegor, bland annat om vilka emojier de älskar och vilka de saknar.

Emma

Vilken är din absoluta favoritemoji i dagsläget? Och varför?

Min favoritemoji, som jag nästan aldrig använder, är dinosaurien 🦖. Jag har alltid varit fascinerad av dem. För att inte tala om Jurassic Park, det är min favoritfilm sedan jag var liten.

Vilken av de nya emojierna ser du mest fram emot att få använda? Och varför?

Givetvis våfflan. Vem älskar inte våfflor? Vem vet, kanske blir jag så pass påmind om hur gott det är att jag börjar laga dem oftare. Jag hoppas på det.

Om du skulle skicka in ett eget förslag till Unicode, vilken emoji skulle det då vara, vad tycker du saknas?

Fler hundemojis! Det kan man aldrig ha för många av! 🐶🐕

Anders

Vilken är din absoluta favoritemoji i dagsläget? Och varför?

Efter den senaste redesignen av Apples emojis måste jag nog säga 🍔. Det är helt enkelt omöjligt att titta på den utan att planera in hamburgare till lunch eller middag. Till skillnad från Google fick Apple också placeringen av osten rätt på första försöket.

Vilken av de nya emojierna ser du mest fram emot att få använda? Och varför?

Pinching hand känns som det mest användbara tillskottet. Jag tror dock att jag är mer peppad på Yawning face – främst för att det ser mer ut som Edward Munchs ”Skriet” än som en person som gäspar.

Om du skulle skicka in ett eget förslag till Unicode, vilken emoji skulle det då vara, vad tycker du saknas?

Fick jag önska fritt så skulle jag vilja ha hela uppsättningen av emojis i BryGuy-stickerappen inbyggt i iOS. Väldigt charmiga.

Thord

Vilken är din absoluta favoritemoji i dagsläget? Och varför?

Med tanke på att jag har en blixt tatuerad på mitt vänstra pekfinger (och i min logga), så vore det någon form av tjänstefel att inte säga ⚡.

Vilken av de nya emojierna ser du mest fram emot att få använda? Och varför?

Det kommer nog bli ostron-emojin, vilken redan blivit kontroversiell och förväntas anspela på mer… privata saker. Jag lovar att använda den för enbart kulinariska skäl!

Om du skulle skicka in ett eget förslag till Unicode, vilken emoji skulle det då vara, vad tycker du saknas?

Jag tycker det är otroligt att det inte finns en tablet-emoji. Mobiltelefon, laptop, stationär dator – gott så, men det saknas något däremellan.

Och jag själv då?

Vilken är din absoluta favoritemoji i dagsläget? Och varför?

Min favoritemoji är den tänkande gubben, för jag känner mig så väldigt ofta. Tänker och ältar saker, i evighet. 🤔 Jag har till och med tryckt upp en egen t-shirt med den här emojin på.

Vilken av de nya emojierna ser du mest fram emot att få använda? Och varför?

Jag ser mest fram emot sengångaren. Den är så söt och den passar att skicka till folk som kommer försent och är långsamma, eller om man själv är lite seg och trött.

Om du skulle skicka in ett eget förslag till Unicode, vilken emoji skulle det då vara, vad tycker du saknas?

En vinylskiva! Tycker de kan byta ut en av de två CD-skivorna som finns med och ersätta med en svart vinyl. Hallå, det är 2019 liksom!t

2018, en grymt bra början

2018, vilket år! Den 1 juni postade vi våra första papper, den 10 juni flyttade vi in i vår studio på Tomtebogatan, och nu när året närmar sig sitt slut har vi över tio företag på vår kundlista.

Nya kunder och uppdrag

Redan i juni trillade den första kunden in, och sedan har det bara rullat på. Det är extra roligt att våra uppdrag innefattar sådant som vi också är intresserade av, nämligen böcker, konst, och att värna om miljön till exempel. Här är några saker vi jobbade med.

D.A. Mattsson

D.A. Mattsson är ett av de ledande företagen inom återvinning av schacktmassor i Sverige, med norra Europas modernaste anläggning. I augusti hörde de av sig till oss eftersom de letade efter en partner som kunde hjälpa dem med deras nya webbplats. Självklart ville vi det, och i november lanserade vi den nya webbplatsen. Utöver detta så har vi även hjälpt till med en uppfräschning av den grafiska profilen samt genomfört en omfattande fotografering av anläggningen.

Vi fortsätter att jobba med D.A. Mattsson, och har flera kul projekt och förbättringar planerade för 2019.

Volante

Volante är ett bokförlag vars vision är att göra världen lite klokare och roligare. De ville hitta ett smidigt sätt att låta deras författare sälja sina böcker och produkter, både genom volante.se, och på författarnas egna webbplatser – utan att konkurrera alltför mycket med bokhandlarna. De kom därför till oss för en lösning, och vi hjälpte dem med en anonym ehandel på en central domän där alla nödvändiga certifikat, distributionskopplingar, och avtal med betalleverantörer kunde säkerställas. Konceptet har redan bevisats sig fungera, med förhandsbokningar samt beställningar i samband med författarnas föreläsningar.

Under 2019 kommer vi inte bara jobba vidare med ehandelslösningen, vi hjälper även Volantes författare etablera sig med egna webbplatser. Det ser vi fram emot!

Bonniers Konsthall

Bonniers Konsthall hörde av sig till oss tidigt på hösten. De letade efter en digitalbyrå som kunde hjälpa dem med en ny webbplats, samt vara den digitala partner de kände att de behövde. Flera byråer var påtänkta, men i slutändan bestämde de sig för oss, vilket vi är otroligt glada över! Arbetet med den nya webbplatsen pågår för fullt, och lanseringen är planerad till våren 2019. Men det slutar förstås inte där, så 2019 kommer bli spännande.

Restaurang Tak

Restaurang Tak, som vi redan hunnit jobba litegrann med – bland annat med annonser för skärmar i Gallerian – kom till oss och ville ha hjälp med en ny webbplats, eftersom de vuxit ur den gamla. Det är ett väldigt roligt updrag för oss matälskare, och vi längtar till januari då vi får sätta igång arbetet på riktigt.

Annat kul vi gjort

Förutom alla kundprojekt så har vi sysselsatt oss med andra spännande saker vid sidan om. För att få ett nystartat bolag att växa och må bra krävs det ju egen marknadsföring och säljarbete. Som tur är tycker vi sådant är kul. Vi har träffat många av våra gamla kompisar och kollegor i branschen, och överallt öppnas små dörrar som förhoppningsvis leder till nya projekt under 2019.

Lansering av vår webbplats

Parallellt med alla kunduppdrag så jobbade vi med vår egna webbplats under sensommaren, och den 19 september var det dags för lansering. I samband med detta bjöd vi in kunder och kompisar till vernissage i studion för en exklusiv förhandvisning. Det bjöds på lådvin, snittar, och salta pinnar – en riktigt härlig kväll.

Bokmässa i Frankfurt

I oktober besökte vi världens största bokmässa i Frankfurt. Bakgrunden var en tweet som ledde till en kontakt, som ledde till en rekommendation, som ledde till ett Skypemöte, som ledde till ett fysiskt möte. Detta resulterade i en ny kund (som vi snart kan berätta mer om). Den nya kunden – som verkar globalt men vanligtvis är stationerad i USA – ville träffa oss, och då var bokmässan i Frankfurt platsen att ses på, så vi åkte dit. En otrolig upplevelse!

Bark Bar

Ingen har väl missat värmeböljan sommaren 2018. Vi smälte nästan bort i studion och försökte svalka oss med med ispåsar, kyldynor, solfjädrar och fläktar. Det gick sådär… När sommarhettan var som allra värst kände vi att vi var tvungna att göra något för våra fyrbenta vänner som vi såg passera utanför studion varje dag. Därför startade vi en vattenstation utanför dörren, Bark Bar, som blev en lokal succé för alla hundar och dess ägare i Birkastan.

Utöver detta så har vi hunnit med att gå på Gather, haft konstfredagar då vi besökt olika muséer runtom i stan, avverkat ett gäng after works, blivit stammisar hos alla våra härliga grannar, medverkat i en film för PRV (som kommer någon gång i början av 2019), gått på studiebesök i Seoul, festat loss på Nordic JS, och byggt samt lanserat en ordlista för WordPress. Och just det, vi har pitchat ett uppdrag för Bryan Adams också! En kanadensisk byrå vann inte så oväntat uppdraget, men vi hade en trevlig mejlkonversation med herr Adams, sådant gillar vi.

Studion har utökats med en Moccamaster, en whiteboard, flera skrivbord, och ett David Bowie-altare. Dessutom har vi vår underbara kontorshund Paazu, som vaktar oss nästan varje dag.

Hej 2019!

Med en sådan här bra start känner vi oss väldigt hoppfulla inför 2019. Vi hoppas på fler kreativa utmaningar, spännande uppdrag, och roliga samarbeten. Annat vi ser fram emot 2019 är såklart WordCamp Europe i Berlin, ny musik att lyssna på, nya böcker att läsa, och konserter vi ska gå på.

Behöver du hjälp med något projekt så hör av dig! Smått som stort, vi finns här.

Med hopp om ett fantastiskt 2019, make web not war!

Gott nytt år önskar,
Thord, Emma, Anders, och Helena

Introduktion till WordPress nya redigerare

Om du är duktig på att hålla dina WordPress-sajter uppdaterade så la du säkert märke till att innehållsredigeraren nyligen började se lite annorlunda ut. Den 6 december släpptes version 5.0 av WordPress, och den stora nyheten är den nya blockredigeraren – tidigare känd som Gutenberg. Du hittar mer information om hur du uppdaterar, och om vad du bör tänka på innan du trycker på knappen, i det här blogginlägget.

Den nya blockredigeraren är den största förändringen av hur man jobbar med innehåll i WordPress historia, och om du har använt WordPress ett tag så kommer det att bli en stor omställning. Men den nya redigeraren, och dess nya blockstruktur, för också med sig många nya möjligheter. I den här guiden delar vi med oss av ett par tips som hjälper dig bli produktiv i den nya redigeraren så snabbt som möjligt.

Hitta rätt i nya gränssnittet

Den första utmaningen i den nya redigeraren är att saker inte ligger de brukade ligga – åtminstone inte vid en första anblick. Själva innehållet ligger fortfarande i mitten av sidan, och inställningar för publicering, kategorier, taggar, och utvald bild ligger fortfarande i den högra sidokolumnen. Gränssnittselementet som saknas är verktygsraden – raden med ikoner där man anger fet/kursiv stil, lägger till länkar, och så vidare.

I den klassiska WordPress-redigeraren visas hela tiden en verktygsrad i toppen av fönstret, snarlikt det upplägg som används i traditionella ordbehandlingsprogram som Microsoft Word. I blockredigeraren visas verktygsraden bara när du aktivt jobbar med innehåll, och verktygen som ligger i verktygsraden anpassas efter den typ av innehåll som du jobbar med. Om du klickar i innehållsrutan, skriver lite text och för muspekaren över texten som du har skrivit, så visas verktygsraden ovanför blocket.

Verktygsraden för ett paragrafblock.

Om du gör en radbrytning, klickar på plus-ikonen och väljer ”Bild”-blocket så får du istället upp verktygsraden för det blocket. I bildblockets verktygsrad kan du ange hur bilden ska vara placerad i innehållet. För muspekaren över varje ikon för att se vilka placeringar du kan välja mellan. Varje block har en egen verktygsrad med egna inställningar, och det enklaste sättet att bekanta sig med dem är att experimentera.

Du kan också välja att visa verktygsraden i toppen av skärmen, om den känns distraherande när du jobbar med innehållet. För muspekaren till ikonen med de tre prickarna högst upp till höger på sidan, klicka på den, och bocka för alternativet ”Verktygsfält i toppen”. Om du klickar på textparagrafen nu så visas verktygsraden i toppen av sidan istället.

Utforska möjligheterna med block

I den nya blockredigeraren är allt innehåll ett block. Ett stycke text? Ett block. En rubrik? Block. Bilder, videoklipp och listor? Block, block, block. Avsikten med den nya blockstrukturen är att göra det enklare att skapa mer komplexa sidlayouter, och det är det också – med lite träning. Du lägger till ett block genom att klicka på plus-ikonen i det övre vänstra hörnet av skärmen. Du kan också föra muspekaren över utrymmet mellan två block och klicka på det plustecknet för att lägga till ett block mellan de två blocken.

Om du vill ta bort ett block så för du muspekaren över det, klickar på ikonen med de tre prickarna i blockets verktygsrad, och klickar på ”Ta bort block”. Om du vill byta plats på ett block så får du muspekaren över det och klickar på ”Flytta upp” eller ”Flytta ner”-pilarna till vänster om blocket. Du kan också dra och släppa blocket till en ny plats genom att klicka och dra ikonen mellan pilarna.

Block-beslutsångest.

Blockredigeraren kommer med ett dussintal inbyggda block, indelade i olika kategorier: ”Vanliga block”, ”Formatering”, ”Layoutelement”, och så vidare. Blockredigaren kan förstås återskapa allt som den klassiska redigaren kunde göra, men den innehåller också block som ger den många nya möjligheter. I blockkategorin ”Widgetar” kan du till exempel infoga en lista med de senaste inläggen eller kommentarerna på din webbplats, och i kategorin ”Layoutelement” kan du lägga till en knapp med en valfri länk.

Tips: Om du vill lägga till block ännu snabbare så kan du göra en radbrytning och skriva ”/” följt av namnet på det block du vill lägga till. Markera blocket i listan, tryck på enter, och bingo – blocket är tillagt.

När du vill fokusera på skrivandet

Blockredigeraren gör det mycket enklare att skapa komplexa sidlayouter med flera kolumner, fullbreda bilder, citat, och mycket annat. Många gånger vill man dock fokusera på skrivandet, och eliminera så många distraktioner i gränssnittet som möjligt. Som tur är har blockredigeraren inställningar som hjälper oss att förbättra skrivupplevelsen lite.

Steg ett är att dölja den högra sidokolumnen, som innehåller inställningar för sidan/inlägget du jobbar med. Klicka på kugghjulet uppe i högra hörnet, så försvinner sidokolumnen och lämnar mycket mer utrymme till innehållet. Du kan alltid ange kategorier, etiketter och utvald bild när det är dags att publicera. Steg två är att gå in i blockredigerarens helskärmsläge, som döljer WordPress-administrationspanelen på den vänstra sidan av skärmen när du skriver. Det gör du genom att klicka på ikonen med de tre prickarna uppe till höger, och sedan klicka på ”Helskärmsläge”.

Nu börjar det likna något! När man jämför med bilderna högre upp i artikeln så är skillnaden på skrivupplevelsen markant. Som jag berättade högre upp i inlägget kan du också visa block-verktygsraden i toppen av skärmen istället för i anslutning till varje block, så att det inte poppar upp verktygsrader när du jobbar med dina texter. Det gör du genom att klicka på ikonen med de tre prickarna, och sedan på ”Verktygsfält i toppen”.

Om du vill ta det ytterligare ett steg så kan du aktivera blockredigerarens ”Spotlight-läge”, som minskar kontrasten på alla block förutom det du jobbar med. Du aktiverar det genom att klicka på ikonen med de tre prickarna och välja ”Spotlight-läge” i listan. Jag tycker inte att det tillför särskilt mycket, men du kan alltid ge det en chans.

Spotlight-läget.

Spara tid med sparade block

Beroende på vilken typ av innehåll du jobbar med så finns det säkert många layouter som du återkommer till. Om din arbetsplats har en blogg så kanske ni vill avsluta varje blogginlägg med en liten puff som uppmuntrar läsaren att kontakta er för mer information om era tjänster eller produkter. WordPress nya blockredigerare har en funktion som är byggd med det här behovet i åtanke. Den heter ”Återanvändbara block”, och den låter dig spara layouter bestående av flera block.

Låt oss ta ”Call to Action”-sektionen som exempel. Den här layouten innehåller följande block:

  • Paragraf
  • Avgränsare (skiljelinje)
  • Paragraf med svart bakgrundsfärg och vit textfärg
  • Knapp

Jag kommer att vilja avsluta varje blogginlägg med de tre sista blocken, och återanvändbara block-funktionen låter mig spara de tre blocken i en layout så att jag inte behöver skapa varje enskilt block manuellt varje gång jag skriver ett inlägg. Jag sparar blocken som en återanvändbar blocklayout genom att markera de tre blocken med musen, klicka på ikonen med de tre prickarna ovanför blocken, och välja ”Lägg till i återanvändbara block”. I namn-textfältet anger jag ”Call to Action”, och klickar på ”Spara”.

Vår Call to Action-layout, återanvänd i ett annat inlägg.

Nästa gång jag lägger till ett block på en sida eller i ett inlägg kommer blocket ”Call to Action” att vara valbart i blockkategorin ”Återanvändbar”. Call to Action-sektionen kan alltså läggas till i ett nytt blogginlägg med bara ett par knapptryck, och om jag bestämmer mig för att ändra innehållet i blocket så slår de ändringarna igenom i alla inlägg som använder det återanvändbara blocket. Smidigt.

”Det finns ett block för det”

Man kan komma långt med WordPress inbyggda block, men de stora möjligheterna med den nya blockredigeraren ligger i block som följer med i tillägg och teman. Använder ni e-handelstillägget WooCommerce? Installera tillägget WooCommerce Blocks, så kan du enkelt bädda in produkter och produktkategorier i inlägg och sidor. Kör ni Jetpack? Då kan du börja använda Jetpacks praktiska block för e-postformulär och inbäddade kartor. Blockredigeraren har också skapat en marknad för tillägg som Atomic Blocks, som innehåller samlingar med block som gör det enkelt att skapa mer komplexa layouter.

WordPress 5.0 och den nya blockredigeraren har bara varit ute i ett par veckor, och majoriteten av de största WordPress-tilläggen har redan börjat uppdateras med block som möjliggör ny design och funktionalitet. Utbudet är fortfarande ganska begränsat, men allt tyder på att block snart kommer att bli en lika självklar del av WordPress ekosystem som tillägg eller teman. Det är bara en tidsfråga innan frasen ”det finns ett block för det” blir det nya ”det finns ett tillägg för det”.

Vill du få ännu fler tips om WordPress nya blockredigerare, och samtidigt lära dig mer om hur du använder alla andra delar av WordPress? Min kollega Thord D. Hedengren jobbar just nu på en uppdaterad version av boken Webbpublicering med WordPress, som kommer att släppas som gratis e-bok nästa år. Boken innehåller allt du behöver veta för att navigera WordPress administrationspanel, oavsett om du använder WordPress på fritiden eller som en del av ditt arbete.

Anmäl dig till nyhetsbrevet på wpmwp.se, så får du ett e-postmeddelande när boken finns tillgänglig för nedladdning.

Studiebesök i Seoul

Under min tid i Seoul har jag passat jag på att göra studiebesök på två olika digitala byråer. Jag slängde iväg ett par mejl och fick oväntat snabba svar tillbaka. Jag var välkommen till både Nitaro och Asiance. Häng med!

På väg upp

Nitaro

Den första byrån jag besökte, Nitaro, är inriktad på sociala medier och onlinemarknadsföring. JK Song startade företaget som funnits i drygt ett år. Han och hans anställda har just nu kontorsplats hos Seoul Global Startup Center i Yongsan, som ligger i Dragon Hill.  

Nitaro har turism, utbildning, och hi-tech som inriktningar. De jobbar globalt med kunder som bland annat NordVPN, The Search Laboratory, Fly to the sky och BlueStacks.

Deras blogg har en hel del intressant läsning om den digitala marknaden och hur man jobbar med sökord i Korea. 

Gänget hos Nitaro

Seoul Global Startup Center

Asiance

Det andra besöket var på Asiance, en av de större, prisbelönta digitalbyråerna här i Seoul. De jobbar med strategi, utveckling och design, samt digital marknadsföring och innehåll. Jag träffade grundaren och VD:n Olivier Mouroux, som startade företaget tillsammans med Kim Bosun för 15 år sedan. I Korea måste man alltid ha en allierad som förstår kulturen, det var därför en bra idé att starta bolaget tillsammans med Bosun. Kontoret ligger i stadsdelen Jeong-dong.

Idag är Asiance runt 60 anställda, och har hundratals kunder. Några av kunderna är Chanel, Tesla, Dior, Lacoste, och Bvlgari. De är inriktade på stora företag inom mode/lyx, och de arbetar i dagsläget enbart med internationella kunder. I Seoul gör man tydligen bäst i att inte konkurrera med de lokala byråerna och deras nationella kundstock. Asiance har även ett kontor i Tokyo. 

En terrass med utsikt över Seoul

I ett av Asiances mötesrum

Lärdomar

  • Portaler är populära här, exempelvis Naver och Daum. 
  • Naver är den största sökmotorn och portalen i Korea. Enligt gänget på Nitaro jobbar man enbart med betalda adwords, någon organisk sökning existerar i princip inte. Om man använder Navers alla tjänster, till exempel Naver Blog, så rankas man högre i sökreultaten. I övrigt jobbar man mycket med bloggartiklar och pixelspårning i banners, och retargeting. Infographics är populärt, och ger träffar i bilder och video. 
  • Daum är en portal, och numera en del av Kakao Corporation. Många av de äldre i Korea använder den här tjänsten.
  • Betalsystem online är superkrångliga här, på grund av problem med så kallade “pay gateways”. Det finns ett tillägg som man kan installera till Internet Explorer 11 som gör att det fungerar, vilket gör att just den webbläsaren är stor här. 
  • Kakao Talk är Koreas största meddelandetjänst. De har över 150 miljoner användare över hela världen. Chattar, gruppchattar, gratis samtal, och röstfilter är några av tjänsterna. Kakao Talks emoijsar har blivit extremt populära och man ser dem överallt. De har till och med egna butiker där man kan köpa olika Kakao Friends-produkter. Genom att uppgradera till Kakao Plus Friend kan man som användare få tillgång till erbjudanden och kuponger från olika företag. Detta används flitigt i marknadsföring i Korea. 
  • Figma är en design– och prototyptjänst (vilken även används av WordPress-temagruppen) för flera användare samtidigt. Axure används för wireframes och prototyper. Andra plattformar som används flititigt här är Cafe24, Shopify, och Ion. Även WordPress används, men är mindre vanligt. 

Beacon och “click and collect”

Asiance gjorde en kampanj för Bvlgari som går ut på att man som kund kan reserva en väska online, och i samband med det boka en exklusiv konsultation med en person hos en av Bvlgaris butiker för att betala och hämta ut väskan. Så istället för att betala väskan i förväg online valde de ett exklusivt så kallat ”click and collect”-koncept. På så sätt kunde de komma runt den krångliga onlinebetalnings-problematiken. Läs mer om projektet här. 

Asiance gjorde även en kul grej för Chanel. Chanel öppnade under ett par dagar en pop up-butik på Gangnam Square. Asiance tog fram en kampanj som gick ut på att rikta erbjudanden till målgruppen som befann sig i närheten av området, genom beaconteknologi. Genom en app kunde intresserade boka tid i butiken (och på så sätt undvika för långa köer samt kaos på plats), och tävla om olika produkter. Läs mer här.

Det var väldigt roligt att få göra dessa studiebesök och extra kul att de männsikor jag träffade var så intressade av oss på Divide & Conquer. Kanske dyker det upp något tillfälle i framtiden då vi kan göra något ihop. Det vore kul tycker jag!

I Asien är det brukligt att ha med sig en liten present. Jag hade med mig svenska pepparkakor, något som verkade poppis!

Beaconteknologi

Utanför Asiances kontor

Svenska pepparkakor

Är du redo för WordPress 5.0?

Idag släpps version 5.0 av WordPress, och det är en ganska omfattande uppdatering den här gången. Förutom stöd för PHP 7.2 så kommer WordPress 5.0 med den största förändringen av hur du jobbar med innehåll i publiceringsplattformens historia.

Den nya innehållsredigeraren

Den nya innehållsredigeraren kallas för Gutenberg, och är aktiverad när du installerar eller uppdaterar WordPress till version 5.0. Gutenberg bygger på block, snarare än den löptext som den förra visuella redigeraren har baserats på. Det betyder att när du lägger till exempelvis ett bildgalleri så är det ett block, detsamma gäller för allt från inbäddade Youtube-videor, till citat och produkter från din WooCommerce-butik.

En paragraf med anfang i Gutenberg.

Att tänka i block är lite ovant i början, likaså är gränssnittet inte lika självklart som den välbekanta visuella redigeraren. Efter ett tag vänjer man sig dock, och Gutenberg möjliggör en hel del designmässiga saker som annars har lösts av antingen shortcodes eller tillägg av sidbyggartyp. Att saker och ting inte ligger där man är van är dock en ganska hög tröskel, inte minst för de som är mindre vana vid publiceringssystem.

För enklare sajter så bör den nya innehållsredigeraren fungera direkt, men det betyder inte att allting du kan göra i den ser bra ut på din sajt. Det måste helt enkelt finnas stöd i ditt tema för de nya funktionerna. Mer avancerade sajter som förlitar sig på specialfunktioner kan få det värre. Testning behövs, förslagsvis i en lokal testmiljö så att du inte förstör upplevelsen för dina besökare.

Så förbereder du dig

Det är alltid rekommenderat att uppdatera WordPress till senaste versionen, av säkerhetsskäl. Vi har testkört WordPress 5.0 åt våra kunder, och förberett dem med tillägget Classic Editor, så att allting är som vanligt även efter uppdateringen till WordPress 5.0. Tillägget Classic Editor ersätter Gutenberg med den välbekanta visuella redigeraren, vilket betyder att alla speciallösningar och befintliga arbetsflöden är oförändrade.

Naturligtvis är vi redo för Gutenberg, något som säkerligen framgick utifrån Anders artikel om att göra teman Gutenberg-kompatibla.

Observera att du, om du kör WooCommerce, ska uppdatera det tillägget till senaste version innan du uppdaterar till WordPress 5.0!

Här kommer en liten checklista:

  1. Testa lokalt! Fungerar allt som det ska med WordPress 5.0?
  2. Installera och aktivera Classic Editor, såvida du inte byggt webbplatsen med Gutenberg i åtanke.
  3. Se till att WooCommerce är uppdaterat, om du kör det.
  4. Informera sajtägaren om vad som kommer hända.
  5. Uppdatera till WordPress 5.0 när det är släppt. Glöm inte ta backup, det är alltid en bra idé.
  6. Fira!
Behöver du hjälp med WordPress?

Oavsett om det är att anpassa din webbplats till den nya innehållsredigeraren och dess möjligheter, eller tokigheter som skett när ditt webbhotell har uppdaterat till nyare version av PHP, så kan vi hjälpa dig. Hör av dig så löser vi dina WordPress-problem!

På spaning i Seoul

Det finns mycket att berätta om den här staden, som inhyser lika många människor som det bor i hela Sverige, och varje dag upptäcker jag något nytt. Den största modetrenden bland stadens unga är långa dunkappor, gärna till bara ben och badtofflor med tubsockor. K-beauty och K-pop dominerar stortavlorna och tv-reklamen, det blinkar och glimmar överallt i Samsungland. Skönhetsidealet innefattar så kallat ”glass skin” och ”tinted lips”. Koreanerna eftersträvar så vit och skimrande hy som möjligt och de målar läpparna enbart på underläppen, med viss orange nyans. Det ska vara rosa ögonskugga runt ögonen och buskiga, raka ögonbryn. Man ska se sminkat osminkad ut. Här ser man reklam för plastikkirurger överallt. Många unga är hårt pressade av sina studier och självmordstatistiken för unga och barn i 10-30-årsåldern är en av de högsta i världen. De ställer orimligt höga krav på sig själva gällandes både studier och arbetsliv, men också utseende och yta.  

Man ser inte så många iPhones, av naturliga skäl då alla dyrkar Samsung. De äldre koreanerna gillar att spela hög musik från portabla små radioapparater när de är ute och går. Tunnelbanan är otroligt high-tech och välfungerande, människorna verkar överlag vara stressade och ha bråttom. Som västerlänning märks man knappt, de är helt ointressade av oss. 

Det finns så många hippa kvarter att jag inte vet var jag ska börja. Hongdae ligger högt upp på min lista, med en stor konstskola, gallerier, vintagebutiker, och kattkaféer. Itaewon är ett annat kvarter som är otroligt hippt, där bland annat Seouls finaste skivaffär finns. 

Munskydd är ett måste. Vissa dagar är värre an andra, med mycket smog. Här kan man följa luftens kvalitet dag för dag. 

Jag har valt ut tre saker som jag vill dela med mig av till er. Häng med!

Munskyddet på, redo för en dag på stan

Samsung d’light

Samsung har ett designshowroom, Samsung d’light, som är öppet för allmänheten och definitivt värt ett besök. Namnet är, som synes, en sammanslagning av orden ”digital” och ”light”.

Det är en imponerande futuristisk byggnad som ligger mitt i Gangnam, Seoul. Här inne visar Samsung upp sina senaste innovationer, prototyper och produkter inför framtiden, fördelat över tre våningsplan. Som besökare får man bland annat testa VR (alltså virtual reality) i 4D. Det är första gången någonsin jag blivit imponerad av VR, jag skrek rakt ut när jag testade en berg och dalbana.

Ett helt våningsplan handlade om AR (som står för augmented reality) och en utställning som heter More Convenient Life. AR är ju inget nytt, men det var kul att se Samsungs framtida visioner för hemmamiljön i samspel med deras nya produkter. Man fick genom en app i en surfplatta titta in i ett koreanskt hem, och se produkter integrerade i olika rum och i samspel med människorna som bor där, utifrån deras vanor och behov. Säskilt imponerande var badrummet, där man kunde få en hudanalys direkt i badrumsspegeln, en så kallad ”smart window/smart glass”. Displayrummen var inredda helt i vitt, vilket framkallade en lite kuslig science fiction-känsla. Genom AR-appen fick rummen liv och värme på ett väldigt snyggt sätt. 

Längs med hela besöket fick man testa olika spel och appar. Genom ett armband samlade man på sig data på alla stopp, och när man var klar fick man ange sin e–postadress om man ville, för att få ett mejl med den samlade informationen (fotoförbud rådde på de flesta ställen). Mejlet som damp ner i min inkorg lämnade en hel del att önska, både tekniskt och designmässigt. Det hade de kunnat lösa bättre!

Entrén till framtiden

Berg och dalbana i VR 4D

Kliv in i badrummet och få en hudanalys

Armbandet samlade in data

Leeum

I stadsdelen Itaewon ligger det fantastiska muséet Leeum, som ägs av Samsungfamiljens stiftelse. Det är en otrolig byggnad, både in- och utvändigt. Förutom all fantastisk konst som visas i två olika delar av muséet (en för traditionell koreansk konst och en för modern, samtida konst) så bjöd Leeum på ett antal digitala bonusar. Bland annat det här.

Leeum i all sin prakt

Tablet Tree

Stilrena pelare med surfplattor monterade runtom, så kallade tablet trees, finns i muséets lounge. På surfplattorna kunde man leka med några av konstverken som just nu visas på utställningarna. Man kan till exempel göra sin egen variant av Rothko genom att färglägga och pensla.

Tablet Tree

Gör din egen Rothko

Leeum Interactive Project

Leeum Interactive Project är tänkt att ge besökaren en ännu bättre upplevelse genom en digital installation, och en avancerad digital guide – båda prisvinnare i red dot. Installationen gör det möjligt att, via en app, utforska ett visst konstverk i detalj. Högupplösta fotografier av verken går att förstora och förminska på skärmen. 360-graders fotografier gör det möjligt att rotera exempelvis skulpturer och föremål.

Studera konsten i detalj

Rotera önskat föremål

Digital Guide

Muséets portabla digitala guide är också värd av nämnas. Den är såklart tillverkad av Samsung Electronics, baserad på hårdvaran i Galaxy Note II. Det är ingen människas röst som läser upp informationen om konstverken i guiden, utan en talsyntes/robot.

Guiden känner av vilka konstverk man ställer sig intill vilket gör det smidigt att hänga med under besöket. Även här inkluderas 360-foto och 3D-vyer av konstverken. Vissa konstverk, exempelvis böcker, kan man titta på genom en bläddringsfunktion (väldigt häftigt för just böcker som besökare annars inte får bläddra i). 

Med hjälp av AR kan man hålla upp den digitala guiden mot ett konstverk för att direkt i appen översätta konstverkets text, från exempelvis kinesiska till koreanska.

En ”Replay Works function” möjliggjorde en resumé av allt man tittat och klickat på under utställningen. Kanske lämpligt under vilopausen i kafét om man vill fördjupa sig i något en gång till.

Prisvinnande guide

Futuristisk känsla

Stilren entré

HyundaiCard

HyundaiCard är ett koreanskt kreditkortsföretag som ägs av Hyundai Motor Group. För att stärka sitt varumärke har HyundaiCard startat diverse balla kulturprojekt. Bland annat de här:

Vinyl & Plastic by Hyundai Card är en stor skivaffär där man kan provlyssna vinyler och kassetter, dricka kaffe och shoppa skivor, böcker, och merchandise.

Storage by Hyundai Card är en utställningslokal i samma hus som skivaffären, där det visas film och konstutställningar.

Hyundai Card Music Library & Understage är ett bibliotek där man kan lyssna på över 10 000 vinyler varav många unika rariteter. Här arrangeras också konserter. Det finns även massor av musikrelaterade böcker och tidningar. Här kommer man bara in som medlem. 

Studio Black är en slags co-working- och inkubatortjänst för startups. Man kan bli studiomedlem eller loungemedlem, och det ingår saker som kontor, mötesrum, gym, mat, öl, teknisk support, juridisk rådgivning, bokföring, after works, carpool, hälsoundersökningar, och mycket mer. Det finns sovplatser (kapselsängar), dusch, förvaringsytor, och fotostudior. Man kan helt enkelt leva hela sitt startupliv här! Något för nyfikna digitala nomader, kanske?

Studio Black

Musikbiblioteket för medlemmar

Snyggt!

Kafé

Ställ dig på markeringen på golvet så hör du en viss musik spelas

Kassetten är tillbaka

Provlyssning av kassetter

Provlyssning av vinyler

Vinyl & Plastic

Vad har du i väskan, Helena?

Ryggsäck från Judits

Jag har länge letat efter den perfekta ryggsäcken. Det går ju inte att komma ifrån att om man ska bära runt på en dator så är ryggsäck väldigt smidigt, bekvämt, och dessutom snällt mot rygg och nacke. Tyvärr är snygga ryggsäckar svåra att hitta. Älskar ju Fjällrävens klassiska Kånken till exempel, men den passar inte alltid till mina jackor och kappor. Till slut hittade jag den här pärlan på Judits (Stockholms bästa högkvalitativa second hand-butik). Självklart blev den ännu snyggare med en Divide & Conquer-knapp på. Den har flera bra fack, två stora, och tre små. Jag gillar de snygga smala axelbanden och de kromade dragkedjorna. Märket är italienskt och heter Vera Pelle.

Visitkort och stickers

Man vet aldrig vem man träffar på, och självklart ska det finnas både visitkort och Divide & Conquer-stickers att dela ut om tillfälle ges. Om jag ska på ett viktigt möte slänger jag ner några knappar också. De brukar bli en bra isbrytare, de är så kaxigt stora!

Läppstift från Chanel

Det går sällan en dag utan att jag använder läppstift. Är nog beroende. Har oftast tre-fyra olika läppstift i väskan, men min absoluta favorit är det klassiskt röda från Chanel. Färgen heter Gabrielle.

USB C-adapter

Jag behöver en adapter för att kunna koppla in min dator till olika skärmar när jag är på möten hos potentiella nya kunder och befintliga. Den är inte min, utan tillhör TDH. Jag långlånar den kan man säga.

Tangle Teezer

Jag har långt hår, och har ofta en borste med mig. Den här från Tangle Teezer är helt magisk.

13-tums MacBook Pro (2018)

Utan den här skulle ju ingenting fungera. Den är faktiskt livsviktig, för företaget och för mig privat. Älskar tangenterna, hur de känns och låter när man skriver. Lätt att bära, snygg, snabb – bäst helt enkelt.

Livia

Livia är en apparat som ska lindra mensvärk. Minst en vecka varje månad bor den i min ryggsäck. Den här lilla produkten använder sig av elektriska impulser för att stoppa hjärnans smärtsignaler. Smärtan stoppas alltså innan den hinner nå hjärnan, så smart! Man sätter fast två små dynor på magen eller ryggen och dessa sänder sedan ut elektriska impulser som stimulerar nerverna. Man styr stimulansnivån med knapparna + och -. Livia kan enkelt sättas fast i byxlinningen, under tröjan eller i ett skärp och man kan utan problem använda henne (ja, det är absolut en hon) när man är på jobbet, ute och promenerar, är på fest etc. Det var genom crowdfounding på sajten Indiegogo som företaget iPulse Medical kunde utveckla Livia och det är jag glad för. Jag är nämligen mycket positiv till henne och tycker att värken verkligen lindras.

iPhone och AirPods

Min iPhone X såklart. Och mina AirPods. Också livsnödvändiga vågar jag påstå, i alla fall den förstnämnda. Mitt iPhoneskal är specialbeställt med mitt internetalias “This is Helena” tryckt på.

Pocketbok

Ibland har jag med mig en bok i väskan, oftast för att låna ut till någon annan. Senast hade jag med mig den här.

Anteckningsblock

Anteckningsblock från franska pappersföretaget Rhodia.

Diverse

Solglasögon från Ray-Ban, Original Wayfarers Classic, paraply (byts ut hela tiden eftersom de ofta går sönder), korthållare från Monki, tamponger, läppbalsam, hårsnoddar, och värktabletter.

Vi var på världens största bokmässa

Plötsligt händer det!

En tweet leder till en kontakt, som leder till en rekommendation, som leder till ett Skypemöte, som leder till ett fysiskt möte, och en massa spännande möjligheter. Ett så kallat “once in i life time opportunity” uppenbarade sig. Vi fick nämligen chansen att träffa ett gäng spännande människor, tillika en potentiell ny kund, som i vanliga fall befinner sig väldigt långt borta (närmare bestämt i Los Angeles), men som nu skulle besöka bokmässan i Frankfurt. De ville träffa oss angående ett nytt spännande projekt som de behöver hjälp med, så vi bokade genast flygbiljetter. (Mer om detta senare när det inte är hemligt längre!)

Sedan råkar vi ju älska böcker, har gett ut böcker, och jobbar dessutom med ett svenskt bokförlag, så det var förstås väldigt intressant ur den aspekten med. Vi var där under de så kallade trading-dagarna, då det sker tusentals möten mellan förläggare, agenter, författare, och licensägare. 2017 var det mer än 7 300 utställare från över 100 länder och 286 000 besökare som deltog i mässan.

Uppstyrt och snyggt

Bokmässan imponerande genom att vara extremt välordnad med tydliga vägvisningar och informationstavlor. I entrén fick man (efter att ha genomgått en säkerhetskontroll) plocka sin badge själv, som den medtagna biljetten passade i. Mässan inkluderade ett stort, fint parkområde där det fanns foodtrucks, och just de här två oktoberdagarna mätte termometern ända upp till 28 grader – hur härligt?!

Annat vi gillade var mässans snygga grafiska profil samt en välfungerande och användbar app. Det enda vi saknade var riktig mäss-merch, inte minst för att Buchmesse-logotypen var så snygg att man gärna hade haft den med sig hem på en poster, sticker, eller tygkasse.

Montrar vi gillade extra mycket

Penguin Random House, Leuchtturm, och Thames & Hudsons montrar var våra favoriter. I Penguins monter var det ett slags speed dating-upplägg med bordsamtal och ett jäkla ös, kul att iakta utifrån. Hos Leuchtturm kunde man få personifiera sin egen anteckningsbok i deras tjusiga präglingsmaskiner, och hos Thames & Hudsons kunde man bläddra i nya tjusiga böcker som var uppställda på flotta bokhyllor av mörkt trä.

Thames & Hudson hade en väldigt snygg monter

Prägla din anteckningsbok hos Leuchtturm

Speed dating-stämning med över hundra bord hos Penguin Random House

I tekniska hörnan kunde man bland annat titta på små offsetpressar

Väldigt inramat hos just det här förlaget

Hela världen var representerad på Buchmesse, i synnerhet de asiatiska länderna

Det hölls föredrag och panelsamtal i en specialbyggd träpaviljong mitt på området

Parkstämning i solen

Der Spiegel hade en klottervägg, full med budskap så klart

Make Web, Not War

Vad har du i väskan, Anders?

Efter fyra år av trogen tjänst blev det till slut dags att pensionera min gamla trotjänare: The Ernest Alexander Watson Wax Briefcase. Den tog mig genom ett år av studier och tre år på digitalbyrå, men det lämnade sina spår. För några veckor sedan upptäckte jag att ett av fästena för axelremmen var på gränsen att gå av. Jag föreställde mig mardrömsscenariot där väskan lossnade och damp ner i tunnelbaneplattformens golv, MacBook Pro först.

Ett trasigt fäste är förstås något som valfri skomakare kan åtgärda på fem minuter, men i ärlighetens namn var jag på jakt efter en ursäkt till att köpa en ny väska. Jag hade nyligen införskaffat en Nikon D7200, systemkamera modell större, och det var lite mer än vad min gamla portfölj kunde hantera. Att bära runt på två väskor – en för datorn, och en för kameran – blev gammalt snabbt. Så jag började se mig om efter en väska som kan hantera både dator och kamera, och samtidigt ha utrymme för allt annat man behöver ha med sig när man är på språng.

Peak Design Everyday Messenger, 15 tum

Peak Designs Everyday Messenger är en axelväska designad med fotografer i åtanke, men den lämpar sig för alla som har mycket prylar med sig. Generös vaddering och ett vattenfrånstötande material håller kamerautrustning och datorn säker. Huvudfacket kan organiseras med sektionsdelare för att anpassas efter dagens behov, och man kan komma åt det både genom låsningsmekanismen på framsidan och genom en dragkedja ovanpå väskan. Genom den senare öppningen kan man snabbt nå kameran, paraplyet eller solglasögonen när behov uppstår.

I ett separat fack på väskans baksida finns utrymme för en dator på upp till 15 tum, plus ett mindre fack där man kan förvara en surfplatta eller ett större anteckningsblock. På väskans framsida finns ett utrymme med åtta mindre fickor. De är designade för kameratillbehör (med färgkodade fickor för fulla respektive tomma minneskort och batterier), men fungerar precis lika bra för det jag använder dem till: kablar, adaptrar, pennor och anteckningsblock. Några andra punkter på väskans lista över funktioner är magnettillslutna fickor på utsidan, ett fack som kan användas till att fästa en tripod på väskans utsida, och ett smart tillförslutningssystem som gör att väskans huvudfack kan expandera eller krympa beroende på hur mycket det innehåller.

Jag har bara haft den i ett par veckor, men Peak Designs Everyday Messenger gör ett riktigt bra tidigt intryck. Den plockar inte lika många stilpoäng som min gamla portfölj i vaxad bomull, skinn och mässing, men den har en perfekt balans mellan stil, funktionalitet och tålighet. Den fyller alla behov jag har av min väska idag, och jag tror att den kommer att växa med dem i många år framöver.

15-tums MacBook Pro (2017)

Min ständiga följeslagare. Jag använde 13-tumsmodeller i flera år, men efter den senaste formuppdateringen kan jag få 15-tummarens prestanda utan att behöva kompromissa med slitage på axlarna. Ett måste när datorn följer med till och från studion nästan varje dag. Den är löjligt overkill för mina behov, och det är precis så jag gillar det.

Laddare

Brandad med Divide & Conquer-klistermärken, förstås. Alltid med, sällan använd.

Kablar och adaptrar

Bytet till min MacBook Pro från 2017 innebar också byte från USB A till USB C, vilket betydde att nästan alla mina gamla kablar och adaptrar fick pensioneras. Att ersätta dem var inte en särskilt rolig utgift, men jag bestämde mig för att få övergången avklarad så snabbt som möjligt. Nu är det följande kablar och adaptrar som hänger med i väskan:

Nikon D7200

Att jag skulle vilja komplettera kameran på mobilen med ett mer kapabelt storasyskon har jag vetat länge, men vilken kamera valet skulle falla på var mindre självklart. Jag velade länge mellan diverse spegellösa varianter och de mer traditionella DSLR-alternativen. I slutändan föll valet på en Nikon D7200 med ett Nikkor 18-140mm-objektiv. Den har visat sig vara mer än tillräcklig för de behov jag har idag, men jag tror att de behoven kommer att växa i takt med att vi lär känna varandra bättre.

Kameran används inte tillräckligt ofta (och väger lite för mycket) för att den ska få följa med i väskan varje dag, men när den väl ska användas vilar den tryggt i huvudutrymmet på min Everyday Messenger.

10.5-tums iPad Pro (2017)

Min iPad Pro brukar också stanna hemma i lägenheten för det mesta, men den är en självklar följeslagare när jag ska åka tåg eller flyga. Flyget är lite för trångt för att jag ska sitta med min MacBook Pro, och det är skönt att ha en skärm som är lite större än den på telefonen när jag läsa. Även på hemmaplan fungerar iPaden i första hand som läsplatta, och i andra hand som Netflix–maskin när jag kör ett pass med träningscykeln och hantlarna.

Om det låter som att Pro-modellen är lite overkill för mina behov… så beror det nog på att den är det också. Inga ursäkter: min viljestyrka räckte inte riktigt till när jag såg den sida vid sida med den vanliga iPad-modellen på Apple Store i Täby Centrum. Jag ser det som min belöning för att jag använde en iPad Mini 2 i fem år.

Nintendo Switch

Mitt Nintendo Switch har använts flitigt sedan jag köpte det för två år sedan. Min standardlösning på tråkiga flyg- och tågresor är att dra fram Switch-enheten ur väskan, stoppa hörlurarna i öronen och starta något av de många spel som ligger på minneskortet. Just nu är det mest bilsportspelet Rocket League och det japanska rollspelet Octopath Traveler som tar upp min tid.

Anteckningsblock och pennor

Field Notes-anteckningsblocket och mina Ballograf Epoca-pennor känns som mer och mer pliktskyldiga delar av min väskuppsättning för varje år som går. Jag har aldrig varit en anteckningsblock-människa – inte ens när jag pluggade, och spendera majoriteten av dagarna i föreläsningssalar. Men jag intalar mig själv att andan kanske faller på, någon gång, om mobilbatteriet dör utan förvarning, eller om postapokalypsen kommer. Då kommer jag att vara glad över att ha ett anteckningsblock och några kulspetspennor till hands.

Diverse

Dåliga erfarenheter har lärt mig att solglasögon som förvaras i jackfickor lätt tappas bort eller blir tillplattade. Mina Hugo Boss-solglasögon, med det kreativa modellnamnet 0925/S Svart 807 52mm, brukar därför få följa med i väskan istället. Jag förvarar dem i ett Ray-Ban Wayfarer-fodral – efterlämningar av det senaste paret solglasögon som jag vågade ha i jackfickan.

Mina AirPods får däremot hänga med i jackfickan. Det händer ytterst sällan att jag hör pipet som varnar om att batteriet är på väg att ta slut, men det händer likväl. Vanligtvis på en lördag eller söndag, när jag fastnar på ett café med hörlurarna i öronen lite väl länge. När jag hör det pipet har jag med mig ett par EarPods med 3.5-uttag i väskan.

För ett par år sedan tröttnade jag på att ersätta mitt femtioelfte 50-kronorsparaply från Clas Ohlson, så jag började se mig om efter bättre alternativ. Jag vände mig till produktrecensionssajten The Wirecutter för rådgivning, och deras flera tusen ord långa artikel om de bästa paraplyerna på marknaden ledde mig till Davek Solo. Det har fungerat felfritt sedan dess, och kommer med en livstids garanti om det skulle sluta göra det.

Sist men inte minst: plastkassar, vanligtvis från Systembolaget, för att de är lagom stora. Alltid bra att ha några till hands om man behöver stoppa undan paraplyet eller ska ta med sig matlådor hem från jobbet.

Vernissage för vår webbplats

Onsdagen den 19 september 2018 lanserades Divide & Conquers webbplats! Det firade vi genom att bjuda in kunder och kompisar till vernissage i studion med en exklusiv förhandvisning. Gästerna bjöds på lådvin, snittar, och salta pinnar – som sig bör på vernissage.

Förhandsvisningen tedde sig som en videoinstallation, speciellt framtagen för kvällen, och visades i ett nedsläckt rum där gästerna fick slå sig ned i mörkret under fyra minuter.

Foto: Björn Falkevik

Arbetet med webbplatsen krävde många sena kvällar, och vi tryckte på lanseringsknappen i samma stund som de första gästerna dök upp. Att rodda ett event samtidigt som innehåll producerades, allt under tidspress, var en ganska krävande uppgift. Utveckla och designa, skriva, klippa film, fixa spellista, göra snittar, möblera om, rigga bild och ljud och allt annat. Men vi är ett synkat team så allt gick strålande. Och nu finns vi äntligen på webben på riktigt!

Det var en av sensommarens sista dagar vilket betydde att det blev härligt häng, både ute på trottoaren och inne i studion. Trevligt mingel ledde till dansgolv, vinlådorna tömdes en efter en, och snittarna gick åt. Plötsligt var kvällen över. Vi hade så kul, hoppas alla ni som kom också hade det!

Tack igen! Ni vet vilka ni är. ❤️

Vi var på Gather

När vi en dag i somras pratade om kommande event så var det speciellt ett som tog extra mycket plats, nämligen Gather. En lite annorlunda konferens som skulle hållas i Stockholm i mitten av september. Som nystartad digitalbyrå så var det sjävklart att vi skulle vara på plats.

Gather är en konferens med föreläsningar, musik, och konstinstallationer. 2018 var konferensens andra år, och den hölls på Nobelberget. Talarna pratade om alla tänkbara intressanta ämnen, men ledorden question, collaborate, och think different var utgångspunkterna. Vi lyssnade på allt från AI, biological engineering, samt fake news, och de flesta talarna riktade sina tal till några eller något av ledorden. Jag hade framför allt två talare som jag var extra intresserad av att lyssna på, nämligen Bonnie Roupé och Emma Frans.

Nästan varje tisdag lyssnar jag på en podcast som heter Under femton. I podden diskuterar värden Henric Smolak, tillsammans med en gäst, ett hett aktuellt ämne i runt 15 minuter. Det är tiden det tar för mig att promenera till jobbet. Time well spent! Rekommenderar podden varmt för personer som stressar över att tiden inte räcker till.

I alla fall, i ett av avsnitten medverkar en kvinna som heter Bonnie Roupé, som pratar om hennes app Bonzun. Appen lanserades i China och informerar samt hjälper gravida kvinnor med en säkrare graviditet. 2016 blev Bonnie vald till en av Nordens 50 mest inspirerande kvinnor och 2017 blev hon rankat till den tionde mest inspirerande kvinnliga entreprenören i Sverige. När jag några dagar innan Gather såg att Bonnie skulle vara med och prata så var det självklart för mig att vara där och titta. Hon pratade, tillsammans med tre andra kvinnor, i en panel om entreprenörskap, samt framför allt kvinnligt socialt entreprenörskap. Alla kvinnorna hade en koppling till ämnet på något sätt. Både lärorikt och häftigt att lyssna på!

Emma Frans – även författare på bokförlaget Volante som vi jobbar med – är doktor i medicinsk epidemiologi vid Karolinska Institutet. Hon undervisar dessutom i vetenskaplig metodik och medverkar i Svenska Dagbladets artikelserie Vetenskapskollen. Där granskar hon sanning och vetenskap bakom nyheter och populär forskning. På Gather talade hon bland annat om fake news, och sin bok Larmrapporten. Emma var för mig en av de mest inspirerande föreläsarna under konferensen. Hon gav oss både under Gather och i boken redskapen att förstå och kunna skilja på fakta och påstådd fakta. Om du inte har läst boken, gör det! Hon har dessutom ett twitterkonto som som kombinerar både kunskap och humor.

När konferensen var slut hade över 50 talare stått på scen. Gather avslutades med musik, bland annat med en av mina favoritartister Parham. Vi tackade för oss, tog varsin öl, och spann vidare på ämnena som diskuterats under Gather.

Bark Bar på Tomtebogatan 18

Ingen kan ha undgått värmeböljan sommaren 2018. I juli, när det var som allra varmast, hade vi precis kickat igång Divide & Conquer, och var därför i studion varje dag trots temperaturer på över 30 grader och ingen AC. Det var egentligen först då vi insåg hur otroligt många hundar det bor i Birkastan. Och att de såg törstiga ut!

Varje dag såg vi dessa fyrbenta vänner gå förbi. En del vovvar tittade längtansfullt in på vårt stengolv (som var ganska svalt), så vi kom på idén att bjuda på vatten. Hundarna måste ju faktiskt gå ut trots hettan, för att uträtta sina behov. De kan inte hålla sig inomhus eller enbart i skugga.

Bark Bar-skylten fick en uppgradering.

Så det började med att vi ställde ut en whiteboard med en välkomnande text och en porslinsskål. När vi såg hur populärt det var så utvecklade vi idén med en finare gatupratare och riktiga hundskålar i rostfritt stål (alla hundar gillar inte att dricka ur porslin). Till det tog vi fram en bricka som vi målade i Divide & Conquers rosa färg för att paketera allt ytterligare. Förutom friskt vatten så ville vi ju att vovvarna skulle få en mysig stund i en fin miljö. Emma kläckte namnet på vårt lilla vattenhål: Bark Bar.

En av Bark Bars många besökare.

Det blev succé! Så många törstiga hundar som hälsade på, och deras mattar och hussar blev glada. Och vi med då hela teamet är stora djurvänner. Extra glada blev vi när lokaltidiningen Vi i Vasastan ringde och ville skriva om Bark Bar.

I höst funderar vi på att öppna Bark Bar 2.0, med “After Bark”. En after work för våra kunder och kompisar där hundar är välkomna!

Nu har den värsta värmeböljan lagt sig men vi fortsätter ha baren öppen ett tag till. Nästa sommar ska vi bygga ut baren med en skön matta. Hundarna bränner ju lätt tassarna på den varma asfalten.

När Hemingway mötte Gutenberg

Sedan flera år tillbaka har ett av mina fritidsnöjen varit att designa, utveckla och släppa gratisteman för WordPress på WordPress.org:s temabibliotek. Till dato har jag släppt 17 stycken, och vanligtvis har jag åtminstone ett nytt tema på gång som jag plockar upp och pysslar med när andan faller på. Det var genom mina gratis WordPress-teman jag började få frilansuppdrag av webbyråer och, så småningom, ett jobberbjudande av Thord, men det är en annan historia.

Om du rör dig mycket i WordPress-kretsar så har du troligtvis hört talas om Gutenberg – den nya inläggsredigeraren som kommer att släppas med WordPress 5.0. Gutenberg är den största förändringen av hur man redigerar innehåll i WordPress sedan innehållssystemet först släpptes. Istället för den visuella redigeraren, som påminner om vanliga ordredigerare, kommer Gutenberg att introducera en redigeringsmiljö som är baserad på block.

Varje element i innehållet – textparagrafer, bilder, tabeller, inbäddade videoklipp – är ett block, och varje block har unika inställningar som styr hur blockets innehåll ser ut och fungerar. Om man redigerar ett bildblock kan man till exempel ändra bildens placering, storlek och bildtext.

Gutenbergs redigeringsmiljö, stilad för att matcha Hemingway.

För oss utvecklare introducerar Gutenberg även en del huvudvärk – även om man tycker att Gutenberg är ett steg i rätt riktning för WordPress. I mitt fall betyder Gutenberg att jag måste gå tillbaka till alla mina 17 WordPress-teman och uppdatera dem med stöd för den nya redigeraren. Det är en punkt på min att göra-lista som jag har skjutit på länge, men i takt med att Gutenbergs lansering drar sig allt närmare har det blivit dags att ta itu med den.

För någon vecka sedan satte jag bollen i rullning genom att lägga till Gutenberg-stöd i mitt mest populära tema – Hemingway. I det här blogginlägget tänkte jag gå igenom hur jag gick till väga, och även dela med mig av en checklista som WordPress-utvecklare kan utgå från när de lägger till stöd för Gutenberg i sina teman. Det här inlägget är med andra ord skrivet för utvecklare i första hand. Om du inte är en utvecklare, men ändå är nyfiken på vilka förändringar Gutenberg kommer att föra med sig, så kan du se fram emot ett separat inlägg längre fram.

Så lägger du till Gutenberg-stöd

Gutenberg-uppdateringen av Hemingway bestod av tre delar:

  • Uppdateringar av functions.php för att lägga till ny, Gutenberg-specifik funktionalitet
  • Uppdateringar av temats stilmall för att stödja element och klasser introducerade i Gutenberg
  • En editor-stilmall som gör att Gutenbergs utseende matchar temats utseende

Nedan går jag igenom de tre punkterna steg för steg.

Uppdateringar av functions.php

Gutenberg lämnar det till temautvecklare att bestämma huruvida vissa av Gutenbergs funktioner ska finnas tillgängliga i inläggsredigeraren eller inte. Om man vill underlätta för sig själv kan man utelämna dessa, men ska man lägga till stöd för Gutenberg kan man lika gärna göra det ordentligt.

Hemingway lägger till stöd för tre Gutenberg-funktioner i functions.php: Den nya .alignwide-klassen för innehåll, en färgpalett baserad på de färger som är inkluderade i temat, och ett antal förinställda typsnittsstorlekar som användare kan välja när de redigerar innehåll. Koden ser ut som följande:

function hemingway_add_gutenberg_features() {

	/* Gutenberg Feature Opt-Ins --------------------------------------- */

	add_theme_support( 'align-wide' );


	/* Gutenberg Palette --------------------------------------- */

	$accent_color = get_theme_mod( 'accent_color' ) ? get_theme_mod( 'accent_color' ) : '#1abc9c';

	add_theme_support( 'editor-color-palette', array(
		array(
			'name' 	=> _x( 'Accent', 'Name of the accent color in the Gutenberg palette', 'hemingway' ),
			'slug' 	=> 'accent',
			'color' => $accent_color,
		),
		array(
			'name' 	=> _x( 'Dark Gray', 'Name of the dark gray color in the Gutenberg palette', 'hemingway' ),
			'slug' 	=> 'dark-gray',
			'color' => '#444',
		),
		array(
			'name' 	=> _x( 'Medium Gray', 'Name of the medium gray color in the Gutenberg palette', 'hemingway' ),
			'slug' 	=> 'medium-gray',
			'color' => '#666',
		),
		array(
			'name' 	=> _x( 'Light Gray', 'Name of the light gray color in the Gutenberg palette', 'hemingway' ),
			'slug' 	=> 'light-gray',
			'color' => '#888',
		),
		array(
			'name' 	=> _x( 'White', 'Name of the white color in the Gutenberg palette', 'hemingway' ),
			'slug' 	=> 'white',
			'color' => '#fff',
		),
	) );


	/* Gutenberg Font Sizes --------------------------------------- */

	add_theme_support( 'editor-font-sizes', array(
		array(
			'name' 		=> _x( 'Small', 'Name of the small font size in Gutenberg', 'hemingway' ),
			'shortName' => _x( 'S', 'Short name of the small font size in the Gutenberg editor.', 'hemingway' ),
			'size' 		=> 16,
			'slug' 		=> 'small'
		),
		array(
			'name' 		=> _x( 'Regular', 'Name of the regular font size in Gutenberg', 'hemingway' ),
			'shortName' => _x( 'M', 'Short name of the regular font size in the Gutenberg editor.', 'hemingway' ),
			'size' 		=> 19,
			'slug' 		=> 'regular'
		),
		array(
			'name' 		=> _x( 'Large', 'Name of the large font size in Gutenberg', 'hemingway' ),
			'shortName' => _x( 'L', 'Short name of the large font size in the Gutenberg editor.', 'hemingway' ),
			'size' 		=> 24,
			'slug' 		=> 'large'
		),
		array(
			'name' 		=> _x( 'Larger', 'Name of the larger font size in Gutenberg', 'hemingway' ),
			'shortName' => _x( 'XL', 'Short name of the larger font size in the Gutenberg editor.', 'hemingway' ),
			'size' 		=> 32,
			'slug' 		=> 'larger'
		)
	) );
	
}
add_action( 'after_setup_theme', 'hemingway_add_gutenberg_features' );

I början av ”Gutenberg Palette”-sektionen kan du se att temat läser in en inställning med namnet accent_color. Hemingway ger användarna möjlighet att välja en egen accentfärg för temat i Anpassaren, och som du ser i koden gör Gutenberg det barmhärtigt enkelt att stödja den färgen i temats palett.

Det andra stycket Gutenberg-kod i Hemingways functions.php lägger till en unik stilmall för Gutenberg, som gör att redigerarens utseende matchar temat. Den koden ser ut som följande:

function hemingway_block_editor_styles() {

	$dependencies = array();

	/**
	 * Translators: If there are characters in your language that are not
	 * supported by the theme fonts, translate this to 'off'. Do not translate
	 * into your own language.
	 */
	$google_fonts = _x( 'on', 'Google Fonts: on or off', 'hemingway' );

	if ( 'off' !== $google_fonts ) {

		// Register Google Fonts
		wp_register_style( 'hemingway-block-editor-styles-font', '//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Raleway:700,400', false, 1.0, 'all' );
		$dependencies[] = 'hemingway-block-editor-styles-font';

	}

	// Enqueue the editor styles
	wp_enqueue_style( 'hemingway-block-editor-styles', get_theme_file_uri( '/hemingway-gutenberg-editor-style.css' ), $dependencies, '1.0', 'all' );
}
add_action( 'enqueue_block_editor_assets', 'hemingway_block_editor_styles' );

Den lokaliserade strängen som läses in till variabeln $google_fonts gör det möjligt att avaktivera Google Fonts i temat, om det lokaliseras till ett språk som Google Fonts-typsnitten inte har stöd för. Samma sträng används även när temats stilmall läses in.

De här två funktionerna lägger till all Gutenberg-relaterad funktionalitet i Hemingway, vilket betyder att det enda som återstår är att lägga till CSS för Gutenberg i temats stilmall och i hemingway-gutenberg-editor-style.css.

Uppdateringar av temats stilmall

De goda nyheterna för WordPress-utvecklare är att den markup som Gutenberg genererar i mångt och mycket matchar den som den visuella redigeraren har spottat ur sig i alla år. Om du installerar Gutenberg-tillägget, skapar ett testinlägg och visar det i ditt tema så bör det mesta se ut som det ska.

Gutenberg introducerar dock en del nya block och klasser som kan kräva en del uppdateringar i ditt temas stilmall. WordPress inkluderar egen CSS för vissa av dem, men den kan behöva anpassas för att passa in med resten av elementen i ditt tema.

De nya elementen som du kan behöva hålla lite extra koll på är:

Cover images

En ny, fullbred bildtyp med en rubrik placerad ovanpå bilden. I Hemingways fall var WordPress inbyggda Gutenberg-CSS tillräcklig för att det här blocket skulle se ut som det ska utan justeringar.

.alignwide-klassen

Förutsätter att du har specificerat att ditt tema har deklarerat stöd för Gutenbergs alignwide-inställning i functions.php (se rubriken högre upp i inlägget). Den här klassen är avsedd för innehåll som är bredare än innehållsbredden, men inte sträcker sig hela vägen ut till webbläsarens fönster (som .alignfull). .alignwide-klassen kan anges för bland annat bilder och blockcitat.

.alignleft och .alignright

De här klasserna har förstås använts för höger- och vänsterställda bilder i WordPress i alla tider, men Gutenberg låter användare tillämpa dem på nya element – citat, tabeller, och så vidare. Om du bara har stilat bilder med .alignleft/-right, genom att till exempel pricka av .wp-caption.alignleft, så kan du behöva uppdatera din CSS för att det här ska fungera för övriga element.

Temaspecifika färgpaletter och typsnittsstorlekar

add_theme_support()-anropen som jag beskrev för att lägga till färgpaletter och typsnittsstorlekar ovan kräver tillhörande CSS för att ändringarna ska reflekteras på webbplatsen. Om besökare t.ex. anger färgen med sluggen ”accent” som bakgrundsfärg på ett block kommer det blocket att få klassen .has-background-accent, och temat måste ange vilken bakgrundsfärg element med den klassen ska ha i temats stilmall. Helt klart att föredra framför att färgerna anges som style-attribut. Hurr.

En paragraf med anfang i Gutenberg.

Anfang-stil

Anfang (“drop caps” på engelska), är när den inledande bokstaven i en paragraf sträcks ut till flera raders höjd i texten. WordPress inkluderar en standard-stil för anfang som gör att de visas på tre rader, men man kan vilja justera utseendet på anfanget i temat. I Hemingway ändrade jag anfanget till att ta upp två rader och vara fetstilat.

<hr/>-stil

Gutenberg-blocket för en separator, HTML-elementet <hr/>, inkluderar inställningar för hur separatorn ska visas – kort, lång eller prickad (den senare spottar ut tre prickar som ett pseudoelement). Även här har WordPress standardstilar inkluderade, och även här kan du vilja göra vissa justeringar i ditt tema.

Pullquote-stil

Utöver ett vanligt citat-block har Gutenberg även ett block för “pull quotes” – citat som innehåller utdrag från texten. Dessa flyter vanligtvis till höger eller vänster om resten av innehållet på större skärmar. De vänster- och högerställda varianterna av blocket använder .alignleft och .alignright-klasserna.

Stilmall för Gutenberg-redigeraren

Det andra kodblocket under functions.php-rubriken högre upp i inlägget beskriver hur man går till väga för att ange en innehållsredigerare-stilmall (editor style) för Gutenberg. Om du någon gång har skapat en stilmall för den visuella innehållsredigeraren i WordPress så bör det här kännas ganska bekant.

Precis som i den visuella redigeraren innehåller WordPress en basuppsättning av stilar för redigeraren, och du kan komplettera den med CSS i temat som gör att redigeraren matchar temats utseende. Det här är ett utdrag från Hemingways innehållsredigerare-stilmall för Gutenberg:

/*---------------------------------------------------------------------------------
	Gutenberg editor styles for Hemingway
---------------------------------------------------------------------------------*/


/* Structure ---------------------------------------------- */


.edit-post-visual-editor {
	color: #444;
	font-family: 'Lato', sans-serif;
	font-size: 19px;
}

body.gutenberg-editor-page .editor-post-title__block,
body.gutenberg-editor-page .editor-default-block-appender,
body.gutenberg-editor-page .editor-block-list__block {
    max-width: 676px;
}

body.gutenberg-editor-page .editor-block-list__block[data-align="wide"] {
    max-width: 756px;
}

body.gutenberg-editor-page .editor-block-list__block[data-align="full"] {
    max-width: none;
}


/* Typography --------------------------------------------- */


.edit-post-visual-editor a {
	color: #1abc9c;
}

.edit-post-visual-editor p,
.editor-post-title__block .editor-post-title__input {
	font-family: inherit;
	font-size: inherit;
}

.wp-block-heading h1,
.wp-block-heading h2,
.wp-block-heading h3,
.wp-block-heading h4,
.wp-block-heading h5,
.wp-block-heading h6 {
	font-weight: 700;
	line-height: 1.2;
}

.wp-block-heading h4,
.wp-block-heading h5 {
	font-weight: 400;
}

.wp-block-heading h1 { font-size: 2em; }
.wp-block-heading h2 { font-size: 1.75em; }
.wp-block-heading h3 { font-size: 1.5em; }
.wp-block-heading h4 { font-size: 1.25em; }
.wp-block-heading h5 { font-size: 1.1em; }

Gutenberg-checklistan

I och med att jag kommer att behöva upprepa den här processen ytterligare 16 gånger, för resten av mina teman, dokumenterade jag varje steg från uppdateringen av Hemingway i en Gutenberg-checklista. Den checklistan kommer att fungera som utgångspunkt när jag lägger till stöd för Gutenberg i mina övriga teman.

Om du också är i processen med att lägga till stöd för Gutenberg i dina teman så hoppas jag att den kan hjälpa dig en bit på vägen.

# Gutenberg Theme Checklist

## functions.php
- [ ] Add custom colors in functions.php
- [ ] Add the .has-accent-color style to the custom accent color function, if one exists
- [ ] Add support for alignwide
- [ ] Add support for custom font sizes
- [ ] Add Gutenberg editor styles
 
## style.css
- [ ] Cover image styling (+ responsive)
- [ ] .alignfull and .alignwide styling (+ responsive)
- [ ] Generic figure/figcaption styling, if missing
- [ ] Style .alignwide
- [ ] Add styling for custom colors
- [ ] Add styling for custom font sizes (em-based, apply once)
- [ ] Add drop-cap styling
- [ ] Add styling for the <hr/> element, with long and dotted variations
- [ ] Add styling for pullquote

## [theme]-gutenberg-editor-style.css
- [ ] Set body color, font family and base font size
- [ ] Set max-widths of basic blocks, wide, full
- [ ] Match link color, titles, dropcap and blockquote to style.css
- [ ] Add styling for the <hr/> element, with long and dotted variations
- [ ] Add styling for pullquote
- [ ] Match table styling to post-content

Vår första merchandise

Vår första profilprodukt är så viktig. Vi har alla varit lite oroliga. Anders har oroat sig för färgåtergivningen, Helena har nojat över leveransen, Thord har känt sig orolig över storleken, och Emma har varit så otålig så att hon inte kunnat sova.

Man är inget riktigt företag förrän man har någons slags merchandise med sin logotyp på. Vi är nystartade och har därför hållit hårt i slantarna. Det enda vi faktiskt spenderat pengar på hittills är vår kaffebryggare. Men efter många diskussioner landade vi i att jo, nu vågar vi. Vi har ändå fyra stabila kunder och vi går runt. Klart vi ska unna oss.

Det har pratats om kaffekoppar och t-shirts, klistermärken och tygkassar, (och en del del annat som är så bra så vi inte tänker avslöja det här). Till slut bestämde vi oss för den kanske mest klassiska profilprodukten av de alla. En produkt som andas nostalgi och stolthet, som man kan bära på allvar eller med ironi, något som får folk att vända sig om efter en på gatan, som ger åtskilliga likes på Instagram: den stora knappen!

Därför använder vi inte Slack

Grundpremissen med Slack är god. Ingen gillar e-post, inkorgen är ju konstant överfull – det är problemet som Slack löser. Alla som jobbat i lite större organisationer vet ju hur mycket internmejlande det är. Är det inte kallelser till möten så är det interna e-postlistor, eller frågor kollegor emellan. Den där sista punkten kan vara ganska viktig, då är det mindre bra om den brådskande frågan som du behöver svar på för att komma vidare ligger begravd och bortglömd bland mindre viktiga mejl.

Här kommer Slack in i bilden. Det är som bekant i grunden en chattklient – nu så mycket mer än det – med såväl privata konversationer som öppna kanaler. Slack har mer gemensamt med Usenet och dess likar, än med diskussionsforumen som dominerade webben innan sociala medier blev en grej.

Bra och dåligt med företagschattar

Det finns gott om bra saker med att ha en intern företagschatt, oavsett om det är en del av ett intranät eller via en tjänst/app som Slack. Jobbar ditt företag mycket med frilansare, eller har anställda på flera orter, så ger en gemensam chatt en bättre känsla av samhörighet. Och det är faktiskt bra att slippa alla dessa mejl, de flesta har inte riktigt koll på sin inkorg. Det är helt enkelt lättare att få ett snabbt svar via en företagschatt, för då vet mottagaren redan att det är något relevant som plingar till.

Men det kan förstås spåra ur också. Det är inte ovanligt att de lite mer fria kanalerna i en chatt blir för intensiva, och plötsligt så är chatten något som tränger sig på. Vettiga notisinställningar löser detta: bli bara pingad om någon tilltalar dig direkt eller om det är något i en kanal/grupp för ett projekt du ansvarar för. Likväl går det inte att komma ifrån att oförmåga att svara på tilltal i den interna chatten kan upplevas som nonchalant, detta på ett helt annat sätt än om du dröjer med att svara på ett mejl. Chattens realtidsnatur gör helt enkelt att vi förväntar oss omedelbar återkoppling. Då blir chatten lika störande som den ringande telefonen, vilket inte är så bra om du sitter och jobbar med något viktigt. Du tappar helt enkelt kontrollen över var din tid spenderas, om än i lite mindre utsträckning än när telefonen ringer eftersom du kan kasta ett snabbt öga på ett chattmeddelande men inte lätt ta reda på vad ett telefonsamtal handlar om utan att svara.

Men varför inte Slack?

Slack har kommit väldigt långt från den första enkla versionen, som bara var en textchatt. I dag så kan du ringa med Slack, koppla in externa tjänster, och driva hela projekt den vägen. Det är en imponerande plattform.

Den är också extremt påträngande.

Dels för att organisationer byggda runt Slack tenderar att sätta tjänsten i centrum, och dels för att du plötsligt inte har en inkorg, utan flera.

Låt oss börja med tjänsten i centrum. Det är förstås valfritt, men med tanke på Slacks styrkor så är det svårt att inte koppla en mängd externa tjänster till den. Snart känns det som en bra idé att projekthantera, dokumentera, övervaka, och organisera genom chattappen. Du sitter ju redan där, inloggad och redo att svara på frågor samt prata strunt i #general. Varför inte göra allt den vägen?

För att då sitter du där, istället för att fokusera på dina uppgifter. Det är för många GIF:ar, för mycket kul, för tillgängligt, och för många notiser i ett levande Slack-knarkande företag. Alltför lätt att tiden rinner iväg, för dina Slack-rum blir en mysig watercooler-grej, vilket är bra för företagskulturen men mindre bra för produktiviteten. Som alltid är det en fråga om att använda verktygen med måtta, men till skillnad från Facebook så anses det oftast som helt okej för en anställd att hänga på Slack.

Slack ger dig fler inboxar att hålla reda på. Grundtanken var att rädda oss undan den överfulla inkorgen för vår e-post. För de flesta rör just denna sig om två inkorgar, en för arbete och en för privata mejl. Med Slack får du en hel hög med inkorgar inom ditt eget företag – varje kanal, samt alla direktmeddelanden – och troligen mer därtill. Det är inte ovanligt att vara medlem i flera Slack-rum. Är du intresserad av WordPress kanske du är med i såväl den svenska WP-slacken, som den som är knuten till wordpress.org. Det finns en Slack för ditt intresse, du kanske rentav startat en – eller flera – för dina vänner och bekanta. För Slack är ju lite roligare än en Facebook-grupp, inte sant? Slack-appen bara växer, med fler slackar, fler inkorgar…

I stället för att hålla koll på vår e-post, håller vi koll på en väldig massa Slack-instanser. På vilket sätt blev det bättre?

Vi använder Telegram

På Divide & Conquer använder vi inte Slack, vårt val föll istället på Telegram. Det är ett mer fokuserat alternativ med bra kryptering, vettiga fildelningsmöjligheter, betydligt tajtare och snabbare, samt inte minst gratis. Vi är ett litet team så det är inte svårt att hålla saker och ting små, men även om vi vore 50 personer så skulle Telegram fungera för våra behov.

Du kan förvisso koppla en del tjänster till Telegram, men det är inte i närheten av verktygslådan som Slack är och vill vara. Det är helt enkelt inte sannolikt att du hanterar dina Trello-kort (vi använder inte Trello heller, men det är en annan historia) via Telegram, som du mycket väl skulle kunna göra via Slack. På Telegram så chattar du, och ringer om du vill. Vi har en grupp för hela företaget, enstaka specifika grupper för begränsade områden, samt förstås direktkontakt med varandra. Precis som vi hade haft på Slack, med skillnaden att Telegram är gratis.

Och precis som på Slack så finns risken att vi blir störda, av varandra eller andra användare av tjänsten. I slutändan handlar just den delen om disciplin och måttlighet. Det går inte att komma ifrån, oavsett plattform.

Kommunikation är bra, men många inkorgar är dåligt. Genom att hålla saker och ting enkelt, med Telegram, och så gott som inget internmejlande alls, så fungerar vårt team såväl i rummet som när vi är utspridda.

WordPress på catwalken

Jag älskar mode. Kan scrolla upp och ner på mina favoritmärkens sajter i timmar, oftast innan jag beger mig ut på shoppingrunda IRL – om jag ens gör det. Den första gallringen sker alltid på nätet, tar skärmdumpar, rekar var produkterna finns och planerar därefter mina inköp. Jag handlar helst online men ofta behöver man ju prova sig fram till rätt storlek, men förarbetet är redan gjort. Ibland börjar min inspirationsresa med att jag läser Vogues nättidning, eller ser något snyggt på deras Instagramkonto. Jag klickar mig vidare till catwalkrapporterna från de senaste modeveckorna i Paris, London och New York. Sedan kanske jag hamnar på Ebay eller Etsy för att spana efter fynd.

Jag började fundera på vilka innehållssystem som är vanligt förekommande inom modebranschen, och blev glad när jag, efter lite researchande, förstod att samtliga modelejon som är presenterade nedan har valt WordPress som plattform. Här är tre snygga exempel.

Vogue.com

WordPress är så mycket mer än bara en bloggplattform. Vogue, världens största modemagasin, har valt WordPress som plattform. Det är så mäktigt tycker jag. Jag skulle så gärna vilja kika in i wp-admin och se allt som händer bakom de digitala kulisserna. Har Anna Wintour ett användarkonto tror ni? Nej, såklart inte. Men om hon hade haft det så skulle hon ju lätt att kört tillägget Dark Mode för att matcha sina solglasögon.

The Sartorialist

Scott Schuman slog igenom med en av de första och största modebloggarna, The Sartorialist, 2005, där han fotograferade välklädda människor på gatorna i New York. Jag hade hans blogg inlagd i min RSS-läsare och fullkomligt älskade den. Projektet startade på Blogspot/Blogger men flyttades sedan över till WordPress. Scott Schuman skapade en ny form av modefotografi när han gjorde vanliga människor till stilikoner på bloggen, inspirerad av Bill Cunningham med flera.

Man skulle kunna påstå att Schuman var den som tog streetstyle till nätet, och många följde efter. Att han väljer WordPress känns logiskt. The Sartorialist-bloggen är sympatisk, inkluderande och öppen för alla. Precis som öppen källkod.

Fashion Week Stockholm

Den svenska modeveckan står sig högt internationellt och är den ledande i norra Europa. Modeveckan startade 2005 och hålls två gånger om året. Varje höst och vår visar Sveriges mest intressanta designers och varumärken sina kommande kollektioner för press, inköpare och influencers från hela världen. Den officiella webbplasen för Fashion Week Stockholm använder WordPress.

Förresten så använder Fashion Weeks medgrundare, modemagasinet Bon Magazine, också WordPress.