Värt att uppmärksamma, vecka 20

Värt att uppmärksamma, vecka 19

Optimera webbplatsers vikt med foresight.js

Foresight.js gives webpages the ability to tell if the user's device is capable of viewing high-resolution images (such as the 3rd generation iPad) before the image is requested from the server. Additionally, it judges if the user's device currently has a fast enough network connection for high-resolution images.

Det här gillar jag. Genom att falla tillbaka på lågupplösta bilder är detta ett verktyg med enorm potential.

Värt att uppmärksamma, vecka 18

Värt att uppmärksamma, vecka 17

Värt att uppmärksamma, vecka 16

Vad vill jag lära mig härnäst?

Med inspiration från What Do You Want to Learn Next in This Crazy Industry? kommer här en braindump på sånt som jag “ligger efter med” och “borde” göra något åt i mitt dagliga arbete som webbutvecklare.

Ruby on Rails

Jag gillar ruby och har lagt ner stor möda på att bli bekväm med dess ekosystem: rubygems, RVM och ruby-docs. Jag har gjort läxan genom att läsa flera böcker och bloggposter, och har skrivit ett gäng webappar med Sinatra och Jekyll. Jag kan med trygghet säga att jag är kompetent och bekväm i språket.

Rails har däremot aldrig fastnat riktigt. Jag väntar fortfarande påden där känslan när poletten trillar ner och allt är självklart. Jag får väl anta att det kommer i takt med att jag gör något större projekt där allt som rails består av kommer till sin spets.

Django

Jag och python är just nu som ett nyförälskat par. Jag är mer kompatibel med python än med ruby, och har byggt ett par användbara saker i Flask. Virtualenv och pip är fullgoda verktyg som känns logiska och korrekta.

Django, the big thing för webutvecklare som skriver Python, har jag dock knappt kikat på. Tanken är att jag ska utforska Django i och med att jag bygger nästa version av den här sajten, men det är slow progress eftersom jag inte har någon tidspress på mig.

PHP 5.3 och 5.4

PHP, detta välsignade fulhack, flyter starkt i mitt blod fortfarande trots att jag inte gjort några större grejor sedan 2010. Under den tiden har dock SPL och massa nyheter tillkommit i språket, som t ex ny syntax för arraws och möjligheten att köra en bundlad WSGI istället för apache. Jag känner här att jag har dålig koll.

Nyheter i JS-API (“HTML5”)

Det som är mest intressant i det överhajpade begreppet “HTML5” är alla nya funktioner i JavaScript. Filuppladdning med Dra-och-släpp, WebGL, lagring med webStorage/localStorage, Webworkers … det finns verkligen hur mycket som helst för en webbutvecklare att använda för att göra bättre sajter. Det går att göra på ett experimentiellt stadie idag, men om ett par år kommer det inte finns någon broms överhuvudtaget.

Detta är såklart en klump i magen.

Prototypdriven utveckling

Jag har kommit till den insikt att det är bra med färdiga lösningar som Twitter Bootstrap, Skeleton eller Foundation när ett utvecklingsprojekt tar fart och en design inte finns att utgåfrån. Detta är dock inte prototyp-driven tuveckling i sin renaste form; jag önskar utforska det här ämnet djupare och upplever bristen på sådan erfarenhet som ett handikapp.

LESS

Jag är sedan ett par år tillbaka en flitig användare av SCSS då jag anser det vara en nödvändighet för att hantera dagens situation med vendor-prefix.

LESS har jag dock liten koll på och det är en snackis i många designbloggar. LESS ska tydligen vara mer vänligt mot “designers”, och genom att inte veta vad som åsyftas där känner jag mig litet efter.

Backbone.js och Spine.js

Jag är en stark förespråkare för JavaScript-fallbacks och har därför inte kommit till ett läge där jag behöver bry mig om att titta på Backbone.js och Spine.js, två “ramverk” för att skriva hela webappar i enbart JavaScript. Särskilt Nodejs-frälsta tycks tala sig varma om dessa. Varför? Det vet jag ej.

Slutrantat

det är vad jag har på mitt samvete. Kan nog bli en bra lista inför 2012 och rentav 2013.

Värt att uppmärksamma, vecka 15

  • A Baseline for Front-End Developers - Adventures in JavaScript Development
    Inte så dumt, även om många av de Node.js-baserade verktygen rinner av mig som vatten. Det allmänna talesättet är dock att "god kod är inget man lär sig, det är en produkt av goda vanor". Läs därför och reflektera om det är något som fattas.
  • What’s the Deal With :Target in CSS? | Design Shack
    Den här pseudoklassen är kraftfull men de flesta av oss har låtit den sjuda eftersom vi inte haft webbläsar-stöd på vår sida under lång tid. Idag är det dock safe att börja labba med detta med försiktighet.
  • Olov Lassus: Meteor meets NoGPL
    En påminnelse om det här med licenser. För egen del undviker jag GPL i klientjobb då den koden sällan eller aldrig får vidaredistribueras. Då Wordpress är i GPL är det inte heller så konstigt att många är "givmilda" och delar med sig av sina pluggar och lösningar - enligt licensen är de i de flesta fall TVUNGNA att göra det.
  • Mobile Site vs. Full Site (Jakob Nielsen's Alertbox)
    Veckans snackis. Jag tror inte på det här. Jag inhyser istället stort förtroende för Luke Wroblewskis Mobile First: låt innehålls-strategen bestämma vad som är viktigast, fortsätt därefter att (eventuellt) fylla på med innehåll med lazy-loading.
  • Media Query & Asset Downloading Results | TimKadlec.com
    Att köra display: none i naiv tro att innehållet som dolts inte laddas ner funkade inte innan responsive design och gör det inte med CSS media queries heller. Rådet: don't do it! För CSS-bilder finns visst hopp, men även där får jag intrycket av att det inte bör "snabblösas" med CSS. Gör det ordentligt med Lazy loading istället.
  • Testing like the TSA - (37signals)
    Uppkäftigt men som en del kommentarer nämner: det behöver troligen sägas. Jag har för vana att välja testmetod beroende på förutsättningarna jag har mellan projekt. För att testa JavaScript kan ett penetrerande manus med Selenium eller Fake ibland vara fullt tillräckligt, i ett annat kan ett avancerat QUnit-schema vara minimum. Var pragmatisk och välj nivå så att en trygg känsla i magen är infunnen.
  • Responsive web design: a project-management perspective - Dev.Opera
    Huvudet på spiken. För gränssnittsutvecklare och CSS-författare är Responsive Deisgn inte särskilt märkvärdigt, då det för oss faktiskt bara handlar om några rader CSS. För projektledare och säljare däremot är det en rätt stor fråga då det berör innehålls-strategier och annat på ett större plan.
  • Don’t docwrite scripts | High Performance Web Sites
    Tål att upprepas hur många gånger som helst. Document.write tillhör dåtiden och vi ska inte använda det.
  • Thinking Async | CSS-Tricks
    Snygg writeup! Bör bokmärkas av alla som använder mycket tredjeparts-widget på sina sajter.

Tekniker för att inte ladda ner stor grafik med CSS

If you’re going to hide a content image, you’re not going to be able to do it by setting display:none. I recommend using a Javascript or server-side based approach instead.

If you want to hide a background image, your best bet is to hide the parent element. If you can’t do that, then use a cascade override (like test five above) and set the background-image to none when you want it hidden.

For swapping background images, define them both inside of media queries.

Det här borde väl döda myten en gång för alla? Kan vi inte alla enas om det?

Värt att uppmärksamma, vecka 14

  • Adaptive Images in HTML
    Det här är riktigt smart. Börja med mobie first, låt ett script sätta en cookie, och skriv en getter istället för att länka till en statisk bild. Bland de bättre idéer jag sett.
  • Responsive Web Design in Sass: Using Media Queries in Sass 3.2 - Intermediate
    Många trevliga nyheter i 3.2 för oss som använder SASS. Jag föredrar dock att skapa CSS media queries för hand tills vidare då det inte riktigt kompileras till bra kod ännu. 3.3 lär lösa en del, föreställer jag mig.
  • In defense of reinventing wheels | Lea Verou
    En av kommentarerna belyser träffsäkert skillnaden mellan att uppfinna på nytt och att reproducera existerande. Jag tror det kommer att bli mer och mer modulärt tänk i verktygen vi väljer, och jag kan inte vänta en dag för länge på att slippa dras med ett par 100KB i bagage "utifall att".
  • A List Apart: Articles: Dive into Responsive Prototyping with Foundation
    Foundation blir nästa labb. Twitter Bootstrap har varit till stor belåtenhet hittills.
  • Paying attention to content hierarchy across screen sizes | Stuff & Nonsense
    Bra reflekterat och pragmatisk lösning för banner-bilder i Responsive Design. Missa inte heller kommentarerna.
  • ryanfunduk.com » Our Culture of Exclusion
    Jag har alltid haft en magkänsla som hållit mig borta från konferenser av olika slag, men jag tycker likväl det är sorgligt att få bekräftat att konferenser och andra sociala sammanhang där yrkesmän träffas och utbyter erfarenheter dessvärre färgas så av drickande. Jag har själv inga som helst problem med att själv bli litet mer avslappnad eller andra drickande människor, men i slutändan åker jag inte hundratals mil för en dyr peng enbart för att kröka. Det gäller såväl hårdrocksfestivaler som webbkonferenser.