2011

Sex iPadappar för webbnördar

iPaden är inte bara en grym webbsurf-sociala-medier-spel-maskin. Det går faktiskt att få en del arbete gjort också! Här är ett urval av de appar jag använder: Textastic, Koder: textredigerare med syntax highlightning, koppling mot Dropbox och SFTP med mera. Fungerar bra för kortare sessioner, de flesta kalenderinlägg på bloggen är skrivna i Textastic. Koppla med fördel ett tangentbord till iPaden så blir du riktigt snabb. Prompt: när du behöver kolla hur servern mår, patcha, eller deploya sker det ofta över SSH.

Förkovra dig i responsiv design

Det snackas mycket om responsiv design nu för tiden. I stället för att leverera flera olika versioner av en webbplats, beroende på om besökaren surfar från en dator eller mobil, handlar responsiv design om en webb. En webb som anpassar sig efter skärmstorlek och andra förutsättningar. Om du får långtråkigt i julhelgen, passa på att förkovra dig i ämnet! Bra att börja med: Henrik Ekelöfs presentation är en bra introduktion.

Webbramverk på micronivå

Om du bygger mindre webbappar eller prototyper ska du helt klart kika på de microramverk som finns. Ett microwebbramverk ger dig precis det du behöver för att snabbt komma igång och bygga små till medelstora webbapplikationer. De hjälper dig med sessionshanteringen, att koppla URL:er till logik, templaterendering och annat skitgöra så att du kan koncentrera dig på att bygga en grym applikation. Tänk dig en mycket enkel webbapplikation som visar besökarens IP-adress, det går tretton sådanna på dussinet.

Inspiration

Jag är utvecklare först och främst men likt förbannat behöver jag värka fram designelement då och då. Ibland står huvudet still och jag har ingen aning om hur jag ska utforma den där knappen, inloggnings-rutan eller vad det nu kan tänkas vara. Det finns många sätt att hämta inspiration: man kan gå utanför dörren, bläddra i tidningar eller sova på saken. Ett av de bästa knepen är att lämna datorn.

Snabbare webbsidor ger gladare besökare

I och med att bredband blivit allt vanligare har vi webbutvecklare och webbdesigners slappnat av lite när det gäller att tänka på optimering av webbplatsers laddtider. Alla har ju ändå en snabb, fast lina - eller? En webbsida med resurser på ett par megabyte är inte ovanligt idag. Men långt ifrån alla har bredband och mobila, uppkopplade, enheter blir fler och fler. Det är dags att återigen börja tänka på filstorlek och att hålla nere antalet förfrågningar till webbservern.

Utveckla iPhone- och Android-appar med de kunskaper du redan har

PhoneGap låter dig utveckla plattformsoberoende mobilappar, redo att lanseras i App Store eller på Android market, med webbtekniker som du redan kan. Dessutom exponeras API:er för till exempel kamera, bildgalleri och ljuduppspelning. Allt detta kommer du åt genom att skriva vanlig HTML, CSS och JavaScript. Det låter för bra för att vara sant, finns det någon hake? Det finns ett par grejer du ska vara medveten om när du väljer att använda PhoneGap eller liknande verktyg.

Fem tips som underlättar livet med Internet Explorer

Du som producerar HTML och CSS till vardags har med största sannolikhet öppnat en webbplats i både en, två eller fyra versioner av Internet Explorer - bara för att upptäcka att en detalj inte ser likadan ut som i alla andra webbläsare. Denna best som vi älskar att hata. Så många timmar vi lagt på att, svärandes, slita vårt hår över någon liten olikhet. Även om det går mot ljusare tider, till och med Microsoft vill ta livet av IE 6, känns det som att det kommer dröja innan äldre versioner av webbläsaren är ett minne blott.

LiveReload – aldrig mer F5

Som webbutvecklare har du säkert suttit och tryck på F5 eller cmd + R i webbläsaren för att se resultatet av en CSS-justering. Förmodligen har du gjort det mer än en gång. Meningslös repetition är av ondo men det finns en lösning: LiveReload! LiveReload övervakar filerna i ett projekt åt dig och uppdaterar webbläsaren när du ändrar i dem - automagiskt. Jag har spelat in en kort screencast där du kan se hur det fungerar, varje gång jag sparar ritas sidan om i bakgrunden.

Karusell med bildtext i SiteVision

En fortsättning på föregående avsnitt. Här bygger jag ut funktionaliteten så att en redaktör lätt kan lägga till en bildtext för bilderna i karusellen. Sitter du i SiteVision 2.6.2_04 eller senare? Om du läser det här i framtiden och sitter i SiteVision 2.6.2_04 eller senare är det nu ännu enklare att få bildtext till karusellen. Som Magnus skriver i kommentarerna finns det nu en metod på ImageRenderer så att den skriver ut title-attributet.

Karusell med intelligenta mallar i SiteVision

Gör dina redaktörer glada med intelligenta mallar. Lär dig hur du gör grymma karuseller (bildspel) med hjälp av fria JavaScript-bibliotek och metadata i SiteVision. Erratum Det har smugit sig in ett litet fel i detta avsnitt. I Velocity-mallen kollar jag om det finns en mapp vald och visar karusellen. Dock så hamnade diven och JavaScriptet utanför denna if-sats. Jag har uppdaterat filen så du kan se hur det ska vara.

Slumpa fram artiklar i SiteVision

Lär dig hur du med hjälp av Skriptmodulen i SiteVision slumpar fram artiklar ur ett arkiv. Länkar Reservoir Sampling - Taming Uncertainty - Site Home - MSDN Blogs Choosing Random Elements - Adventures in Learning Källkoden för det här avsnittet