Viktor Bijlenga

Fontastic +

Create a custom typeface of your vectors, or choose from a growing library of icons (at the moment 1700)

Favicon cheat-sheet +

Intressant resurs för hur man numera bör optimera sin favicon för att den ska se bra ut överallt.

Sun – vacker väder webbapp +

Fantastiskt välgjord webbapp. Ljudeffekterna är vackra och formen vacker. Installera genom att besöka sidan på din iPhone/iPad och lägg till på din hemskärm. Ett bra exempel på att webbappar också kan fortsätta ha en plats i applandskapet.

Bonus: Mer väderapp-design-inspiration hittar du på Dribbble.

Besquare video-podcast (iTunes länk) +

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.

Front-end performance +

Bra påminnelse av Harry Roberts 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. Läs igenom och begrunda.

Är du videotypen, så har Chris Coyier spelat in några sevärda minuter med trix hur man enkelt kan optimera en webbplats att bli lite bättre.

Uppdatera dina CSS3 prefix +

David Storey skriver en uppdatering om vilka funktioner i CSS3 som kräver prefix numera. Självklart får man ta ställning till hur man använder prefix beroende på ens besökares webbläsare.

Pineapple +

Pineapple beskriver sig själva med orden “Web Tutorials and Resources That Don’t Suck”. Känns som det enda som behöver sägas.

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.

Webbdesign kräver förståelse

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.

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.

Coda 2 och Diet Coda +

Detta ska bli riktigt trevligt att pröva. Diet Coda känns som ett schysst alternativ för söndagshackande.

Framtidens webb är anpassad

Brad Frost om Responsive Web Design

The fact is that many of these modern mobile browsers actually do a pretty good job at rendering “full” websites. So that brings us back to Alex’s point: why the fuss with responsive web design? Why bother? Here’s the point Whenever I talk or present on this subject, I usually lead off with these three images:
The point of creating adaptive sites is to create functional (and hopefully optimal) user experiences for a growing number of web-enabled devices and contexts. It’s not because it’s “the right thing to do”. It’s not because it’s fun. It’s not because it’s trendy. It’s not so you can impress your boss by resizing a browser window.

Jag tycker Brads bildexempel är väldigt talande för vilken riktning webben är på väg mot. En webb där upplevelsen är mer betydelsefull, än tekniken.

***

Responsive Web Design är ett sätt att anpassa upplevelsen till många enheter snabbt. Ett sätt att bygga webbplatser som skapar bättre upplevelser. Men det räcker inte att bara ha en webbplats som skalar snyggt i olika storlekar. Det finns fler faktorer som väger in, när man bygger för webben.

Om det tar 20 sekunder att ladda en webbplats, har det ingen betydelse att den är 100% Responsive Web Design, byggd med fullständigt Mobile First tänk och massor av populära trender. Jag har redan slutat vänta, och söker vidare på något annat ställe.

Att det är snabbt är alltså viktigare än för mig. Snabbt går ofta hand i hand med snyggt, eftersom god design ofta leder till att relevant information presenteras för mig snabbt.

***

Jason Fried och David Heinemeier Hansson sammanfattar tanken jag försöker förklara bra i deras bok Rework.

Focus on what doesn’t change – The technology and software business seems to obsess with what is in flux and changing. Always new stuff. New languages and frameworks. Focus on what doesn’t change and think about the things that matter today and will matter 10 years from now. “Speed is a really important thing for our products. 10 years from now people will still want speed. We could make a Facebook app or we could just make things faster – so we make things faster.” Reinvest in the things that don’t change. Competitors will chase the next big thing. 10 things we’ve learned at 37signals

Min poäng är alltså följande; trots att webben ständigt förändras, finns det faktorer som är konstanta.

  • Användare använder webbplatser för att utföra något, underlätta för dina användare genom att fokusera på att upplevelsen är bra.
  • Se till att webbplatsen är snabb, så att man inte behöver vänta på att få saker gjort.

Som designers är det vårt jobb att förenkla, förklara och förbättra upplevelser, så att de anpassas efter rådande förutsättningar. Bra webbplatser skapar bättre affärsmöjligheter, och nöjdare kunder. Att göra en besökare till en kund, är syftet i en e-butik. Att låta besökarna ta del av innehåll, är tanken på en blogg. Se till att göra det förbannat enkelt.

Fokusera på att skapa bättre upplevelser, så blir framtidens webb bättre.


Följ Viktor på Twitter

← Prev