> Meet the Kluge letterpress. An 2,000 pound, cast iron, electric powered monstrosity of vacillating rods, giant spinning wheels and pneumatic hoses. The Kluge is Nick’s weapon of choice in his battle against the future.
En berättelse på 5 minuter om en gammal, men ack så vacker tryckpress. Får mig att reflektera över det digitala avtrycket vs. analogt.
> Instead of focusing on what your app does, focus on what your app is.
Design handlar ofta om att fokusera på rätt frågeställningar. Ibland räcker det med att byta ut vad till varför.
Som webbutvecklare spenderar man rätt många timmar framför en skärm och ett skrivbord. 89 sidor med bilder på vackra skrivbord, har det blivit hittills på bloggen Simple Desks. Jag är ett stort fan.
Offscreen Magazine är ett magasin om människor som jobbar med att skapa för webben. Känslan som innfinner sig när jag får bläddra, lukta på trycksvärta och läsa texter om mina hjältar är underbar. Jag rekommenderar varmt att prenumerera.
Fler och fler människor läser sin mail i sin mobil, på en [iPad](https://viktorbijlenga.se/ipad-ett-ar/) eller via datorn. Det ställer nya krav på hur vi designar våra utskick. Det är vårt ansvar att se till att även nyhetsbrev tar steget in i framtiden.
[Responsive Web Design](https://viktorbijlenga.se/responsive-web-design/) kan vara ett sätt att möta dessa förändringar som just ju pågår med vår inbox, men jag tror inte det är det fullständiga svaret på problemet.
Därför har jag börjat tänka på hur jag själv skulle vilja att det vara. Dessutom har jag hittat på ett begrepp för det, som jag brukar använda när jag funderar kring dessa frågor.
—
### Responsibilty Email Design
+ Responsibility – Ta ansvar för vad du skickar. Ingen gillar skit.
+ Responsive – Fokusera på upplevelsen = skapa bra och flexibelt innehåll för dina plattformar.
+ Respons – Utvärdera ständigt och förbättra i lagom takt. Tänk feedback.
Tre enkla punkter, som jag tror skulle förbättra många utskick som görs via email.
—
### Responsibility – Ansvar är viktigt
Låt varje person välja själv om de vill ha ett nyhetsbrev. Använd inte någons adress bara för att den finns i något system. Var transparent och öppen. Låt de som vill ha mail, få dem. Opt-in, inte opt-out.
Det finns få saker som är lika tröttsamt som att avregistrera sig från nyhetsbrev som man inte vill få. Och du, se till att det är förbannat enkelt. Ingen blir glad av att krångla.
—
### Responsive – Varför optimera för nya enheter?
[Campaign Monitor](http://www.campaignmonitor.com/guides/mobile/):
> If you send email newsletters, it’s likely that a growing percentage of your subscribers are reading your messages on an iPhone, tablet or similar. When we last surveyed email client popularity in 2011, we found that almost 20% of email opens occurred on a mobile device, rising dramatically from a mere 4% of the market when we last ran the numbers in 2009. iOS devices accounted for over 90% of these reported opens.
Små skärmar blir allt viktigare, även när det kommer till email. Fortfarande är det alldeles för många utskick som ser ut som skit när man öppnar de på en liten skärm.
### Design är viktigt och en svår utmaning
Det här är en svår punkt att ge råd kring, eftersom jag upplever det som en utmaning att få allting att fungera som man vill. Alla webbdesigners som har designat ett nyhetsbrev vet hur krångligt det är. HTML-markup och stöd för CSS är lite bristfälligt. Fortsätt designa innehåll och koda, så löser det sig.
Tips på läsning:
+ [Framtidens webb är anpassad ](https://viktorbijlenga.se/framtidens-webb/).
+ [Zurbs Responsive Email Templates](http://www.zurb.com/playground/responsive-email-templates)
+ [Getting started with responsive email design](http://www.campaignmonitor.com/guides/mobile/)
+ [Optimizing Email Newsletters With CSS](http://mobile.smashingmagazine.com/2011/08/18/from-monitor-to-mobile-optimizing-email-newsletters-with-css/)
—
### Respons – Hur börjar jag?
Fundera igenom vilka nyhetsbrev du gillar. Lär dig av deras metoder, och börja diskutera hur era utskick kan bli bättre.
Att lära sig att göra vackra utskick är inte lätt. Det kräver tid, kunskap och en hel del experimenterande.
[Nyhetsbrevet Pleasecopyme](http://pleasecopyme.se) som Mattias Åkerberg gör inspirerar mig mycket, trots att det är analogt. Han har en skön ton, dessutom lyckas han ta betalt för det. Inspiration behöver inte bara inhämtas från samma medium. Lär dig av dina hjältar.
Tjänsterna [Mailchimp](http://mailchimp.com) och [Campaign Monitor](http://Campaignmonitor.com) jobbar ständigt med att bli bättre. Följ med i deras processer. Tyvärr har jag alldeles för dålig koll på svenska alternativ som är i klass med dessa när det kommer till funktionalitet/prismodell.
Jag prövar just nu själv alla olika idéer jag kan på[ I’m With Friends](http://imwithfriends.se) utskick. Det är långt ifrån en fantastisk upplevelse, men sakta men säkert hoppas jag på skapa en bättre upplevelse för de som prenumererar. Vi skickar ungefär 1-2 nyhetsbrev i månaden.
—
### Sammanfattning
+ Förutsättningarna förändras snabbt. Håll dig uppdaterad och alert.
+ Design hjälper till att göra information tillgänglig, även i email.
+ Ta ansvar för din kommunikation. [Allt är marknadsföring](https://viktorbijlenga.se/allting-du-gor-ar-marknadsforing/).
—
### Mer läsning
+ [Email On Mobile Devices – Mailchimp](http://mailchimp.com/resources/guides/html/email-on-mobile-devices/)
+ [Responsive email template på Github](https://github.com/philwareham/responsive-email)
—
Om du har tankar, idéer eller kommentarer så pratar jag gärna med dig på Twitter. Där kan du även följa mig.[@viktorbijlenga](http://twitter.com/viktorbijlenga)
Ikonerna i inlägget kommer från [Entypo](http://entypo.com/).
The Verge ger en inblick i hur designprocessen fungerar på Google. Intressant djupdykning, som passar utmärkt som fredagsläsning + video.
[
](http://dribbble.com/shots/909898-Blog-I-m-With-Friends)
***
Är inte speciellt aktiv på [Dribbble](http://dribbble.com/viktorbijlenga), samtidigt är det ju rätt kul att ladda upp en liten beskrivning av vad man gör om dagarna. Kan ju försöka att bli lite mer aktiv och använda det som ett skyltfönster mot den internationella marknaden.
Tycker egentligen att det är svårt att visa upp en webbplats genom att visa en bild. Upplever att det känns begränsande att inte kunna förklara vad man som webbdesigner/front-end-utvecklare gör, som inte syns. Alla vackra kodrader som gör att det fungerar. Det är så mycket mer än ett vackert gränssnitt bakom en bra webb.
Noah Stokes (If you read this Noah: You seem to be a great guy) skriver en av de bloggar jag följer. För varje år som går, brukar han skriva [en lista](http://esbueno.noahstokes.com/post/40264006001/thirty-six) med saker han lärt sig under årets gång som han publicerar på sin födelsedag. Antalet punkter på listan, motsvarar antalet år. Ni förstår grejen. Jag har alltid gillat att läsa det inlägget, så här kommer mina tjugotvå punkter.
***
+ Förverkliga dina drömmar och tänk kärlek.
+ Jag gillar att skriva och rita linjer.
+ Att spela piano får mig att le inombords. Försök hitta fler saker som fungerar likadant.
+ Ödmjukhet är en fin egenskap, och ett vackert ord.
+ Att resa utomlands tillsammans och ta hoppkort är kul.
+ Rolighet är en bra faktor att räkna in i en ekvation. Saknas det, krävs ofta en förändring.
+ Att bli duktig på webbdesign kräver passion.
+ Kontor med underbara människor gör dagarna trevligare.
+ En bra film tåls att se två gånger, likaså en bok.
+ Stäng av bruset om det stör. Tystnad och paus är ett alternativ.
+ Upptäck Sverige samtidigt som du upptäcker världen.
+ Att driva företag är som vara anställd, bara ett kul jobb.
+ Processen är minst lika spännande som det färdiga resultatet.
+ Att leverera bra produkter kräver hårt arbete och tid.
+ Tid är ingen bristvara, utan en resurs.
+ Utbildning handlar om att inhämta nya kunskaper.
+ Kommunikation är spännande att jobba med.
+ Sömn är så otroligt viktigt, likaså ett par bra raggsockar stickade av mamma.
+ Omge dig med människor som är äldre och yngre.
+ Läs tidningar och lyssna på radio, det ger perspektiv.
+ Ät riktig mat som du mår bra av. Repetera tills nästa födelsedag.
+ Skratta.
Första avsnittet med Jeffery Zeldman är riktigt bra. En avslappnad intervju om hur han började syssla med webb, och om att lära sig att designa för webben.
Vi firar vårt 41:a avsnitt genom att rikta mikrofonerna enbart mot oss själva och svara på frågor om alltings början, vem som är snyggast, årets höjdpunkter och hur många minuter det optimala podcastavsnittet egentligen är.
Bra påminnelse av [Harry Roberts](http://csswizardry.com/) om att det är viktigt att optimera front-end koden. En bra resurs att läsa igenom, eftersom det sätter igång lite tankar som jag tror är viktiga att ta hänsyn till när man bygger webbplatser.
Trent Walton, har även skrivit ett bra gäng tips på ämnet i sin artikel, [Don’t Make Me Wait](http://trentwalton.com/2010/08/24/dont-make-me-wait/). Läs igenom och begrunda.
Är du videotypen, så har Chris Coyier spelat in några [sevärda minuter med trix](http://css-tricks.com/video-screencasts/114-lets-do-simple-stuff-to-make-our-websites-faster/) hur man enkelt kan optimera en webbplats att bli lite bättre.
Månadens tema på I’m With Friends är allt vi kan koppla till bokstäver, ord och språk. Vi har även passat på att putsa en aning på designen under senaste veckan, så att det ser bättre ut. Fortfarande återstår massor av fix för att få alla vyer att se perfekta ut.
Det är få saker som gör arbetet snabbare än kortkommandon och smarta plugins som gör jobbet åt en. Det här min sammanställning av olika verktyg som du skulle kunna använda av för att upnå bättre resultat snabbare.
***
## OS X
[Sublime Text 2](http://www.sublimetext.com/2) – Kod, kod, kod. Förmodligen programmet jag spenderar mest tid i numera. Finns hur mycket smarta funktioner som helst. Lästips: [Kom igång med Sublime Text 2 av Patrik Wibron](http://patrikwibron.se/post/sublime-text-2/) – Bonus: [Codekit](http://incident57.com/codekit/)
[Dashkards](http://dashkards.com) – Widget vars funktion är att påminna dig om kortkommandon till en drös olika appar. Använder den jämt och ständigt.
[Minicode](http://tobiasahlin.com/blog/minicode/) – Låter dig minifiera CSS och Javascript via YUI Compressor, direkt i Dashboard. En smidig liten widget som är byggd av [Tobias Ahlin](http://tobiasahlin.com/)
[Loremify](http://tobiasahlin.com/blog/loremify-1-4-new-ui-keyboard-support/) – Förmodligen det snabbaste sättet att få tag i lite dummytext. Även denna lilla widget är byggd av Tobias Ahlin.
[Alfred App](http://www.alfredapp.com) – Ungefär som Spotlight på Mac, fast med grymt mycket mer funktionalitet. [Macstories](http://www.macstories.net/tag/alfred/) har massor av bra läsning i ämnet.
[OS X keyboard shortcuts](http://support.apple.com/kb/HT1343) – Apples supportsida om alla snabbkommandon som finns i OS X. Finns en hel del guldklimpar på denna sidan, t.ex lär du dig vad Cmd+K gör.
[Feeds](http://www.feedsapp.com/) – Litet program som ligger i Macens menu bar. Uppdateringar när det händer något i t.ex Basecamp, Github, Dribbble eller RSS.
***
## Photoshop
Högerklicka och välj kopiera HEX eller HTML när du använder Eyedropper Tool (Pipetten) för att snabbt kopiera en färg.
Cmd+Shift+C – Kopierar allting som visas till urklipp. (via [Tommie Ohlsson](https://twitter.com/tommieohlson/status/291181851752660993))
[CloudApp](http://getcloudapp.com/) – Ctrl+Alt+R laddar upp en PNG av mitt nuvarande dokumnent i Photoshop till CloudApp och ger mig en kortlänk.
[Photoshop Secrets](http://photoshopsecrets.tumblr.com/) – Blogg som bara skriver om tips och trix för Photoshop. Guldgruva att prenumerera på, eller att kika in på ibland.
***
## Webbläsaren
[Placeit](http://placeit.breezi.com/) – Hjälper dig att snabbt skapa en mockup av hur en design ser ut på en enhet.
[Typekit Tweaker](http://kylefox.ca/typekit-tweaker/) – Smidig bookmarklet från Kyle Fox, som lägger till ett vackert och framför allt användbart verktygsfält när man prövar typsnitt på Typekit.
[Typecast](http://typecast.com/) – Skönt verktyg för att experimentera med typografi i webbläsaren.
[Pears](http://pea.rs/) – Samla, testa och exprimentera med egna kodsnuttar i CSS och HTML. Pears är ett tema till WordPress, som underlättar i utvecklingsprocesser. Mitt eget bibliotek växer ständigt större. En egen sandlåda som är ruskigt smidig. Byggt av [Dan Cederholm](http://simplebits.com/).
***
### Summering
Cmd + Q – Avsluta programmet – Ibland är det bästa sättet att komma vidare att göra något annat en stund. Stäng av, byt miljö och hitta nya krafter.
Om du har bra tips och trix att dela med dig av, gör det på något sätt och hör av dig till mig, så delar jag mer än gärna med av det på min [Twitter](http://twitter.com/viktorbijlenga).
Jag tycker det är kul att lära sig nya saker, eftersom det leder till att jag kan göra ett bättre jobb. Mitt bloggande kretsar kring att upptäcka och dela nya saker som leder till att jag kan göra ett bättre jobb som designer/utvecklare. Följ gärna bloggen, så kan vi lära av varandra.
Ben Chestnut från [Mailchimp](http://mailchimp.com). Ett roligt och inspirerande avsnitt från [Creative Mornings](http://creativemornings.com). Det fick mig att skratta och le.
