Anna och jag pratar med Henrik om att vara känslo- eller förnuftsstyrd, Twitter som terapeutiskt verktyg och överanvändningen av smileys på internet.
-
Livet som designer 15
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!
-
Video: Flashmob med Sjællands Symfoniorkester
Sjællands Symfoniorkester, i samarbete med Radio Klassisk överraskar passagerare på tunnelbanan i Köpenhamn med att spela Griegs Peer Gynt live. Otroligt vackert. Jag önskar att sånt här hände oftare i kollektivtrafiken.
-
30 dagar egen tid på 37 Signals
This June will be a full month of free time to think, explore, mock up, prototype, whatever. People can go solo or put together a team – it’s entirely up to them. This is a month to unwind and create without the external pressures of other ongoing projects or expectations
Jag tycker att det låter brilljant, 30 dagar egen tid. Samtidigt tycker jag lite synd om gänget på support, som säkert inte är helt lediga från sina arbetsuppgifter.
-
Ikoner som typsnitt
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!
-
Responsiv webb är the shit! Men vi skiter i’t
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.
-
Designing (and converting) for multiple mobile densities
This is wonderful for everyday mobile users, as the quality of their device screens become sharper and allow them to better experience the finer details of an application. But this creates an interesting challenge — designing for multiple mobile densities.
Att designa för olika skärmstorlekar samt pixeltäthet är en spännande utmaning. Jag gillar det.
-
Prefixr
Smart verktyg som underlättar om du använder många vendor-prefix när du skriver CSS. Prefixr låter dig skriva ett (t.ex. -webkit) och lägger till alla andra automatiskt.
-
Uppmuntra en reklamare
Det kan vara någon som inspirerar och imponerar. Någon som du inte känner eller känner väl. Skicka ett mejl, ett brev, en blomma eller bjud på lunch. En rad kan betyda allt. Och idag känns som en bra dag. Jag menar, det är sol och lön och fredag. Nog att det säkert hade varit än mer välbehövligt en sketen måndag i oktober, men det kan vi fundera över när den dagen kommer.
Mattias Åkerberg brilljerar. Uppmuntra någon som inspirerar. Tack, jag ska ägna nästa vecka åt att följa rådet. Du kan också. Det vet jag.
-
Shawn Blancs tankar om Coda 2 och Diet Coda
Bra genomgång av Panics nya släpp. Jag har själv köpt Diet Coda, och tycker det är perfekt för att ändra några rader CSS eller leka med några nya idéer på denna webben.
-
Livet som designer 14
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
, textborder
- 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!
-
6 argument för kortare CSS selectors
Ett intressant och läsvärt inlägg av Harry Roberts om varför vi ska skriva kortare CSS selectors i vår kod.
-
Podcast: Tove Strander – Ung Media, engagemang & avhopp
Efter några veckor med tekniska problem, är nu podcasten tillbaka. Denna vecka pratar vi med med Tove Strander om engagemang, föreningsliv, elevkårer, skoltidningar, ordförandeskap och att hoppa av skolan.
Tove Strander är göteborgare, storkonsument av radio, 21 år och ordförande för riksorganisationen Ung Media.