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 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.

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 – 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 – Bonus: Codekit

Dashkards – 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 – Låter dig minifiera CSS och Javascript via YUI Compressor, direkt i Dashboard. En smidig liten widget som är byggd av Tobias Ahlin

Loremify – Förmodligen det snabbaste sättet att få tag i lite dummytext. Även denna lilla widget är byggd av Tobias Ahlin.

Alfred App – Ungefär som Spotlight på Mac, fast med grymt mycket mer funktionalitet. Macstories har massor av bra läsning i ämnet.

OS X keyboard shortcuts – 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 – 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)

CloudApp – Ctrl+Alt+R laddar upp en PNG av mitt nuvarande dokumnent i Photoshop till CloudApp och ger mig en kortlänk.

Photoshop Secrets – Blogg som bara skriver om tips och trix för Photoshop. Guldgruva att prenumerera på, eller att kika in på ibland.

Webbläsaren

Placeit – Hjälper dig att snabbt skapa en mockup av hur en design ser ut på en enhet.

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 – Skönt verktyg för att experimentera med typografi i webbläsaren.

Pears – 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.

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.

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.

David Paulsson skrev ett inlägg om vad han tänkt lära sig under 2012, i sin roll som front end-utvecklare. Bra idé tycker jag, så jag fortsätter på ämnet och hoppas att några fler hoppar på tåget.

Blogga under 2013

Sakta men säkert börjar jag inse hur mycket bloggandet betyder för min egen utveckling. Jag läser andras texter, håller mig uppdaterad och tvingar mig själv att reflektera kring ämnen som design, css, internet och webbutveckling. Det är en lärorik process som jag vill fortsätta med. Att dela med sig av idéer och tankar känns dessutom som ett schysst sätt att ge tillbaka.

Lösa egna problem

Under 2013 ska jag försöka bli bättre på att lösa problem relaterade till design/webbutveckling. Under hösten/vintern löste jag en grej på den här bloggen, som jag länge funderat på hur jag skulle kunna göra bättre. Alltifrån att uppdatera gammal kod till att tänka om hur en internetbank kan fungera.

Förklara skillnaden

Jag känner att det finns ett behov i Sverige om att lära fler människor om hur webben fungerar i praktiken. Jag ser att många webbplatser bygger på bristande lösningar och dåligt skriven kod. Debatten om att helheten på en webbplats är viktig, är något jag vill lyfta på agendan under 2013.

Arbetsflöde

Dags att uppdatera min process för hur jag skriver kod. Behöver strukturera min utvecklingprocess så att jag lättare kan återanvända moduler och hacka på idéer som sitter i bakhuvudet. Note to myself: Chris Coyier är en bra förebild att lära sig från.

Utforska språket

Javascript, CSS, HTML och PHP är mina grundbultar. Det är dags att utforska dessa språk ännu mer, och därmed bli mer kreativ. En liten förändring som kan göra stor förändring i vardagen. Att utforska nya språk ingår självklart i detta, men ibland är det bra att börja med det man använder mest.

Hur gick 2012?

Jag lärde mig massor av nytt i arbetet med alla trevliga kunder, började blogga (igen) och lanserade ett stort sidoprojekt i form av I’m With Friends. Flyttade in på det kreativa kontoret Studio Tio och producerade 40 avsnitt av Anna&Viktors Podcast.

En sammanställning av länkar om syntaxen Markdown som jag använder när jag skriver text på datorn. Jag skriver även alla inlägg på denna bloggen med hjälp av Markdown.

Vad är Markdown?

Ett bra svar på frågan och hur du använder det hittar du hos AlltomMac: Introduktion till att skriva Markdown – inlägget går igenom allt det grundläggande snabbt och pedagogiskt.

Om du hellre tittar på en video för att lära dig, så rekommenderar jag Markdown tutorial.

Varför ska jag använda Markdown?

Tre anledningar till varför jag använder Markdown:

• Enkelt att skriva och läsa.
• Lätt att lära sig.
• Hjälper till att fokusera.

Läs mer här: Why Markdown? A two-minute explanation

Bra program/appar för Markdown?

• iA Writer (Mac/iOS)
• Byword (Mac/iOS)
• Mou (Mac) – Tipstack till @stenehall
• ReText (Mac/PC) – Tipstack till @tobiassjosten.

Jag använder iA Writer. Det är enkelt och fyller mina behov. Jag har än så länge inte prövat något annat eftersom jag är nöjd för tillfället. Byword finns att läsa om på AlltomMac, och låter enligt mig också grymt, testa dig fram och se vad som passar bäst.

Har du fler tips på bra länkar om Markdown?

Twittra till mig, så uppdaterar jag inlägget. Att nörda ner sig i sånna här grejer gillar jag eftersom det förenklar allt skrivande jag gör.

När jag får en förfrågan via mail om att göra ett designprojekt svarar jag alltid i stil med detta:

Tack för att du är intresserad av att jobba med mig. Det glädjer mig att du uppskattar det jag gör. Jag skulle gärna vilja ha lite mer information om projektet, samt en uppskattning om när det skulle behöva vara klart. Då blir det enklare för mig att ge ett svar på om det är möjligt att genomföra, samt en uppskattning på vad det skulle kosta. Det vore trevligt att prata i telefon eller ses en stund, så att vi lära känna varandra bättre.

Jag är stolt över att få jobba med att göra det jag älskar och jag vill att mina uppdragsgivare ska vara stolta över det jobb vi tillsammans gör.

Under alla lager av företagsamhet, är vi trots allt bara människor. Kom ihåg det nästa gång du svarar på ett mail.

Tittar på min sambo och känner hjärtat slå lite extra. Andas. Hon har somnat, jag skriver. Tänker på hur bra hon är. Tack S.

Tänker på ett mail från min vän och kollega Anna. Om hur vi ska utveckla och driva en vision, om att göra bra saker. Tänker på att hon gör varje cykeltramp till kontoret i regnet lättare.

Tänker på texten “Från Slipknot till Superkonsult” av Navid. Han den där killen, som kallar mig lillebror och skickar mail med den enkla frågan: Hur mår du? Tänker på att han skriver att han är lycklig. Jag är glad för hans skull.

Det är ögonblick och tankar jag vill minnas. Det är också det som flög runt i huvudet när jag bestämde mig för att börja skriva igen.

Jag heter Viktor Bijlenga och jobbar som designer med fokus på människor och hållbarhet. Det här är din chans att följa med på min resa, följ bloggen och mig på Twitter.

Skön video att starta en dag med.

David Paulsson, i inlägget Webbdesign och retinaskärmar:

Ska vi fortsätta hysterin och göra separata bilder för alla olika enheter eller ska webbutvecklare äntligen börja arbeta med CSS3 och skalbar grafik på webben? Om vi fortsätter att skapa dubbla uppsättningar av våra bilder; ska vi ”straffa” besökare med bra skärmar med längre laddningstider bara för att vi måste ladda ner bilder som är dubbelt så stora?

Jag tror att det är viktigt att inte glömma bort följande:

• Relevant design. Den absolut viktigaste delen av riktad kommunikation. Varför berättar vi det här? Vad vill vi uppnå? Dessa regler gäller såklart oss designers också. Vad fyller den högupplösta dela-knappen för funktion, om ingen använder den? Förmodligen ingen alls.
• Snabbt. Snabbt går ofta hand i hand med snyggt, eftersom god design ofta leder till att relevant information presenteras för mig snabbt. Snabbt innebär även att jag inte behöver vänta på webbplatsen.
• Tänk på tekniken. Presentera olika innehåll för olika förutsättningar. Utnyttja hårdvara, såsom gyroskop, accelerometer, gps och skärmstorlek till din fördel. Se till att användare kan uppnå resultat på oavsett plattform. Tänk även på att sammanhanget enheter används är olika. Hur påverkar det upplevelsen?

Ett citat från David igen:

Det enda vi behöver bry oss om är; hur får vi vår design att se bra ut oavsett vilken skärm besökaren har?

Det finns inget enkelt svar på den frågan, men det finns några generella saker jag önskar att vi tillsammans blev bättre på.

CSS istället för bilder, olika typer av javascript, vektorgrafik och högupplösta bilder är intressanta ämnen. Läs på om aktuella lösningar och tekniker. Finns det inget bra sätt, fundera på hur du kan skapa egna lösningar. Diskutera med andra. Det är kul och man lär sig massor. Dela med dig.

Jag samlar på mig resurser jag gillar, och delar dessa på min blogg. Det är en del av min utveckling. Verktyg som CSS Hat, Retina.js, Gradient underlättar i vardagen och gör att jag kan leverera snyggare design. Det enda som krävs från mig är att jag avsätter tid för att läsa och prata, samt är öppen för nya lösningar.

Till sist:

• Bra webbdesigners är/förstår utvecklare. Jag tror att det är väldigt viktigt att kunna lite av varje. Att ha förståelse för hur en design renderas i en webbläsare är en del av vårt jobb. Våra val påverkar hur snabbt en sida laddas. Hur kan vi underlätta för varandra?

Förståelse innebär att man kan utnyttja och tänja på de begränsningar som finns. Gräv ner dig i kodträsket en stund. Prata med utvecklare. Dela kunskaper med varandra. Det blir bättre så.

Har du tankar och funderingar att dela? Skriv ett eget blogginlägg och dela med dig. Jag pratar gärna med dig på Twitter, där hittar du mig som @viktorbijlenga.

6 viktiga påminnelser:

• Sömn är viktigt att prioritera.
• Se till och ät ordentlig mat.
• Ta en paus från skärmen.
• Uppskatta din omgivning.
• Ta en promenad lite oftare.
• Dela upp saker i mindre bitar, så får du mer tid över till annat.

Livet behöver inte vara så svårt som reklam påstår. Stay Creative!

Pixliga ikoner på en iPad med retinaskärm är ingen vacker syn. När knivskarpa typsnitt möter pixliga ikoner, blir det otroligt fult. Att optimera alla ikoner tar tid och kräver ofta rätt mycket jobb. Istället kan man rendera ikonerna med hjälp av ett typsnitt och CSS.

Det finns en utmärkt genomgång av John Hicks från julkalendern 24 Ways. I artikeln Displaying Icons with Fonts and Data-Attributes går han igenom hur man implementerar ikoner som typsnitt på webben. Om du inte redan har läst hans tankar, rekommenderar jag varmt att du ägnar tio minuter åt detta.

CSS-Tricks publicerade även demowebben Icon Fonts are Awesome för ett tag sen. Dessutom kan det vara värt att läsa igenom HTML for Icon Font Usage när du ändå är inne och läser på CSS-Tricks.

Typsnitt som jag gillar:

• Modern Pictograms (Gratis)
• IcoMoon (25-35 dollar)
• Pictos (49 dollar)

Om du vill ha fler förslag, har Megan Fischer sammanställt ett inlägg med snygga ikoner, några av dessa finns tillgängliga som typsnitt.

Drew Wilson (ibland misstänker jag att han aldrig sover) har skapat den smarta tjänsten Pictos Server, som låter dig välja några ikoner, som sedan skapas som ett eget typsnitt. Allt för att minska laddningstiderna.

Fördelarna är rätt många, typsnitt är skalbara och det går snabbt att byta färg, eller skapa effekter med CSS. Dessutom blir det sådär knivskarpt som man drömmer om att det ska vara på en högupplöst skärm.

Stay Creative!

Oscars Altkvist, i sitt inlägg Responsiv webb är the shit! Men vi skiter i’t!:

Det här är en sak som plågat mig ett tag. Webbyråer som påstår sig älska responsiv webb, mobilanpassning och allt vad det heter, men inte använder det på sin egen sajt. Ungefär som sociala medie-experter som inte finns på Facebook.

Att designa webbplatser är ingen lätt uppgift. Förutsättningarna som vi har när vi bygger webbplatser förändras ständigt. Det är en av anledningarna till att jag tycker att det är spännande att designa för webben. Ingenting är sig lika, utan allting förändras.

Andy Clarke skrev i februari 2011 några väldigt kloka rader om webbdesign:

Today, anything that’s fixed and unresponsive isn’t web design, it’s something else. If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else. Web design is responsive design, Responsive Web Design is web design, done right. And that’s why I don’t care about Responsive Web Design.

I och med att webben är ett levande medium så sker det förändringar. Se till att häng med i utvecklingen, börja följ ett gäng bloggar, börja skriv själv och börja ta ställning i utvecklingen. Webbdesign är idag inte samma sak som det var igår. Det är faktiskt väldigt enkelt: saker förändras, och därmed behöver vår inställning till saker förändras.

Idag är det kanske responsiv web design, pixeltäthet eller vilket språk vi ska skriva våra stillmallar i som står högt upp på agendan. I morgon är det något helt annat.

Jag tar det en gång till: I morgon är det något helt annat. Alla som jobbar för att utveckla webben, bör vara intresserade av att utveckla webben med hjälp av nya idéer. Det är ingen hemlighet att det tar tid att förändra processer, men samtidigt lär det aldrig hända om ingen börjar.

Experimentera på era egna webbplatser, skriv vad ni tycker, läs varandras kod. Jag vill i alla fall att webben ska bli en mer inspirerande, mer kraftfull och mer fantastisk plattform att jobba med.

Till sist. Det är vår förbannande skyldighet att skapa vackra webbplatser som bygger på modern teknik. Allt annat är ett skämt.

Under denna veckan har jag funderat på hur jag strukturerar min CSS, efter att ha läst inlägget HTML/CSS coding style av Harry Roberts. Det fick mig att fundera på hur min egen struktur ser ut.

Översikt

Eftersom jag inte haft någon ordentlig struktur i bakhuvudet, började jag gå igenom mina gamla CSS-filer för att se hur jag bygger upp saker och ting. Av någon anledning skriver jag min kod på ungefär följande sätt:

• background
• Position (top, left, osv)
• display
• padding
• margin
• font, color, text
• border
• Visuell CSS3 som t.ex. border-radius, box-shadow

Att designa går bra mycket fortare om jag har ett tydligt kodmönster, eftersom jag inte behöver ägna tid åt att skumma igenom koden när någonting behöver förändras. Dessutom blir koden enklare för någon annan att läsa om den följer ett tydligt mönster.

Vendor-prefixed CSS

.class{
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
}

Att linjera upp koden är något jag börjat med på senare tid. Det går snabbare att skumma igenom allt, och om något behöver ändras, kan man snabbt markera flera rader samtidigt i Sublime Text 2. Dessutom tycker jag faktiskt att det ser snyggare ut.

Det var allt för den här veckan. Nästan 100 dagar har gått sen jag började skriva livet som designer. Jag upplever att det är intressant att sätta sig ner och reflektera en stund över det jag tänkt på under veckan. Stay Creative!

Tillsammans med kollegorna Anders, Sanna och Damir på Studio Tio önskar jag er en glad helg med en liten lektion i grundpositionerna i balett.

Följande råd har snurrat runt i min hjärna denna veckan. Några av råden sitter på lappar på skrivbordet, några har dykt upp i samtal med alla fantastiska människor jag möter varje dag. Några har funnits i bakhuvudet sedan länge. Några hittade jag på när jag skrev det här inlägget.

Var äkta. Den mest värdefulla resursen du har är din personlighet, den gör dig unik. Sluta lyssna på andra vad andra tycker är rätt väg. Gå din egen väg.

Jobba smartare än alla andra. Det lönar sig att vara den som försöker. Att jobba smartare innebär varken att jobba mer eller hårdare. Jobba smartare, och därmed bättre än alla andra.

Ta en paus från skärmen, och umgås med människor. Att uppleva andra saker tror jag är viktigt för kreativiteten.

Förbättra ditt hantverk ständigt. Gör saker med dina händer. Att tänka innovativt är inte nog. Det blir bättre om du faktiskt gör saker. Du kommer på vad som inte fungerar. Du kommer på vad som fungerar.

Res så mycket du kan. Det är ett inspirerande och ödmjukt sätt att få perspektiv på att det finns mer att lära sig. Det finns alltid nya saker att lära sig.

Jobba inte med dumma människor, så undviker du att bli en av dem. Omge dig med bra människor som du gillar. Då blir allting mycket trevligare. Dessutom händer det väldigt spännande saker när kreativa människor som fungerar ihop gör saker tillsammans.

Den gyllene regeln fungerar faktiskt. Gör bra saker.

Till sist. Tänk utan begräsningar, som barn gör. Dröm alla drömmar som du behöver drömma. Lev fullt ut. Ät godare mat. Le åt okända människor oftare.

Och du, jag blir glad om du skriver en fin tweet och skickar till mig på @viktorbijlenga

Den här veckan har jag tänkt på följande:

• Bra designers vågar ifrågasätta normer och försvara sitt arbete.
• Fokusera din energi på att göra bra, så blir allt bättre.
• Att jag lever på det jag älskar att göra just nu

Just nu bygger jag ett gäng webbplatser, som på ett eller annat sätt låter mig experimentera med Responsive Web Design, spännande delar av CSS3 och öva som sjutton på att använda JavaScript. När jag kör fast, letar jag upp någon som kan mer än mig. Det ger inspiration och nya kunskaper.

Jag gillar att skriva. Vackra typsnitt och ord är bland det bästa jag vet. Ord kan förändra allt. Ord behövs. Den här bloggen är mitt sätt att öva. Du får vara med på resan.

Att lyssna på andras människors berättelser ger mig inspiration. När jag upptäcker Laura Brunow Miner på Creative Mornings blir jag glad.

Laura är grundare av Pictory Magazine och ägnar sina 25 minuter att prata om varför vi jobbar och vad som egentligen är viktigt i arbetslivet. Hennes berättelse ger mig en kick, och en påminnelse om att människor är det viktigaste som finns.