Artikel om förhållningssättet för hur man ska göra en layout för “a smartphone, a billboard in Times Square, and everything in between”. Han glömde en sak: Mobile first

I veckan kom den årliga rapporten ut om hur vi använder nätet.

Oj – det här är imponerande. Och vilken häftig idé (via @robertnyman)!

Verktyg för att skapa prototyper för mobilappar (via @ValtechSweden).

Hmm…osäkerheten växer kring html5-strukturering. Jag använder de nya elementen med h1-approachen. Hur gör du? (via @rogerjohansson)

När du ska minska filstorleken: “A cross-platform tool for losslessly optimizing PNG and JPG files” (via @icaaq).

Js-lib som extendar och lägger till smarta funktioner. Verkar riktigt bra, och finns för NPM/node.js (via @peterkz_swe).

Boken för dig som vill dyka djupare i coffeescript.

@peppelorum har hittat ett bra sätt att styla dropdowns med endast css.

JetBrains-gänget har släppt en egen assembly-viewer!

I veckan lanserades Web Platform Docs, vars mål är att bli den gemensamma dokumentationen för frontend-utvecklare. Här är lite om vilka som ligger bakom och hur det funkar.

Så kan du förhindra omrendreringar av sidan då responsive images används. Smart!

Så gör du en menyikon (3-streckaren) med endast css (via @emilstenstrom).

Här är platsen för dig som vill följa de senaste nyheterna och ändringarna i Firefox.

Googles pagespeed-modul för Apache används av 120000 sajter och är nu inte längre i beta-version.

Nya Windows 8 UI (tablet-inriktningen) har hårda restriktioner när det gäller Flash.

Skärmläsarna ligger fortfarande efter när det gäller den nya rubrikstrukturen i html5 (via @rogerjohansson).

För nybörjare som lär sig css: Ett verktyg som visualiserar hur specificitet funkar.

Så pekar du MAMP på valfri mapp på din dator genom att ändra VirtualHost i Apache conf.

Enkaste sättet (?) att konsumera ett REST API i .NET?

Utöver att mobilen använder _nuvarande_ position för sökningar, kan framtidens mobiler även förutspå var man är på väg för att ge förslag/sökningar runt slutdestinationen.

Snippet för att dra ut statistik över vad dina css-filer innehåller.

Verktyg för att sortera css-properties i viss ordning. Smidigt om ni har sådana riktlinjer i ditt projekt. Finns som plugin till bl.a. Sublime Text 2 (via @osserpse).

Microsofts “egna coffeescript”. Kompilerar till javascript och lägger till ett mer objektorienterat stöd.

Vill du använda css transitions på bakgrundsbilder? Det går! Enkelt men snyggt.

Lite om skillnaden mellan svarstider och laddtider, där hastigheten på din uppkoppling inte spelar stå stor roll (via @madr).

W3C Navigation Timing är en standard för att bättre mäta prestanda, så som användarna upplever den. I Google Analytics kan du se siffrorna för din sajt (via @madr).

Så här enkelt gör du snygg och enhetlig reklam för din iOS-app i mobile Safari. Tyvärr verkar iOS inte komma ihåg att användaren klickat på krysset (via @aroodish).

Några tips och nyheter om du använder JSHint.

@ptz0n visar hur man skapar egna kuponger för Passbok.

Ännu mer belägg till varför “the fold” inte finns (via Daytona).

En påminnelse om problemet med stora bilder på mobila enheter. Något att tänka på när/innan du retina-optimerar (via @henrikekelof).

Enkla men bra riktlinjer när du jobbar med node.js.

Ditt Github-konto är ditt nya CV. Och här får du hjälp att snygga till det.

Kontrollera vilka http-anrop dina program gör? Här är ett enklare gratisalternativ till Charles.

Bloggpost som menar att coffeescript försämrar läsbarheten. Några bra poänger, men jag tycker fördelarna är fler. Och själv använder jag alltid parenteser.

Presentation från två Google-anställda med tips och info om hur du kan debugga och mäta för mobilutveckling.

Här hittar du E-delegationens webbriktlinjer, som är uppdaterade för i år. En vidareutveckling av gamla Vägledningen 24-timmarswebben.

Genomgång av en av veckans större händelser: Säkerhetshålet i Internet Explorer.

Bra genomgång av @tobiassjosten över hur jQuerys Deferred och Promises fungerar.

MS tightar till Windows 8 för tablets och gör det svårare för FF: just-in-time-kompilering för tredjepartsappar tillåts inte (via @peppelorum).

Så här optimerar du för Retina-displays med css (via @emilstenstrom).

Utförlig e-bok för dig som vill lära dig javascript och DOM-manipulering utan något ramverk (via @robertnyman).

“Patterns, resources and news for creating responsive web experiences.” (via @jenswedin)

Superbra artikel om vad Apples senaste nyheter innebär för oss webbutvecklare (via @richardnystrom).

Ett js-lib för att skapa oändlig scroll på sidan (via @madr).

Oj, vad mycket boilerplates, ramverk, byggscript, kompilatorer, testklienter osv insmackat som ett verktyg. Någom som testat?

Joost de Valk argumenterar för att man alltid bör använda absoluta url:er. Kan inte säga att jag sett problem med relativa url:er.

I november slutar Google Apps att stödja IE8.

Har du testat nya sticky-position i css3?

Bra artikel om varför Dropbox portade sin js till coffeescript. Jag håller med.

Jag lärde mig heller inte gränssnittsutveckling på universitetet, men det pågår alltså forskning och arbete runt dessa ämnen även i den akademiska världen

Intressant genomgång om vad man kan göra bättre utan Scrum. Jag saknar dock en punkt om prioriteringar (via @cykelkatalogen).

JQuery-plugin som utnyttjar 3D-effekter i css3 för att få en annorlunda scroll (via @ jenswedin).

Brandon Eich lyfter den viktigaste punkten i Facebooks html5-bashing: Det är att det var hybriden som gav problem, inte html i sig. “If you read between the lines, what it seemed he was saying is what they tried to do was hybridise native and HTML” (via @robertnyman).

Emulator för att testa din webbapp olika mobila enheter (via @webbradion).

Webbläsartillverkarna fortsätter att skippa sina css-prefixes (via @madr).

Om du inte redan använder YSlow så är det dags nu!

En jämförelse och sammanställning över de vanligaste mvc-ramverken för javascript.

Vad en UX:ar säger och egentligen menar

Varför vara så hår i valideringen av e-post är frågan – konfirmationsmejlet borde räcka (via @jenswedin).

Js-lib som känner av och reagerar på vilka media-queries som triggas (via @jenswedin).

Problem med att få sökfält/sökknapp lika höga i alla webbläsare? Utgå från detta (via @Micke).

Shaders med bildförvrängningar som 3D-animeringar, färgjusteringar m.m., andra blir en del av en kommande CSS Filter Effects specification (via @Micke).

En slag för knappars betydelse då kreativiteten ibland kan skena iväg för på touch-devices (via @rogerjohansson).

Enkel demosida för hur async-attributet fungerar (via @palleman).

“The download attribute allows you to set a separate file download name than the actual link endpoint itself.”

En enkel guide för vilka sektions-element du ska använda när i HTML5 (via @filip).

Genomgång av tillgängligheten och utseendet hos HTML5 formulär- och mediaelement i IE10 på Windows 8 (via @palleman).

Historien om hur responsive images kan komma att standardiseras.

Det enda javascript-ramverk du behöver

Js-lib för att simulera en databas i webbläsaren (via @lillerik).

Historien och bakgrunden till Facebooks nya iOS-app.

Äntligen! Varför har ingen kommit på detta tidigare. Smidig lathund för de olika nivåerna inom WCAG (via @palleman).

Litet program som “can turn any file on your computer into a branded download page hosted on Dropbox” (via @pereverzev).

Fokusera inte på pixelgränserna för olika devices när du använder media-queries (via @rogerjohansson).

Bra lista och exempel på olika lösningar för navigeringsmenyer i små skärmupplösningar (via @robertpiira).

Helt nakna och avskalade grund-templates för WordPress (med kommentarer), perfekt för när du ska skapa ett eget tema.

Imponerade API för att hämta info om en användare via e-postadress (via @bjornlilja).

Script för att skapa upp stylade delar från html-snippets. Perfekt då man använder oocss och vill visa upp hur de olika objekten ser ut (via @osserpse).

“Promises are an exciting jQuery feature that make it a breeze to manage async events”. Perfekt när du ska vänta in multipla ajax-anrop t.ex.! (via @icaaq)

“pjax loads HTML from your server into the current page without a full reload. It’s ajax with real permalinks, page titles, and a working back button that fully degrades.”

Addy Osmanis book om js-patterns. På att-läsa-listan. (via @mondaybynoon)

Fascinerande experiment med att styla en helt tom html-sida, mha pseudo-element, http-headers och de automatiska taggarna (@pereverzev).