<rss-writer description="En blogg om webbtrender i allmänhet och webbutveckling i synnerhet. Håll dig a jour med vad som händer på och runt Tekniska Verkens webbplats." link="http://www.tekniskaverken.se/blogg/webb/" title="Webblogg"><add-item date="2012-01-30 11:14:57" link="http://www.tekniskaverken.se/blogg/webb/2012/1/webbens-baksida-minimera-antalet-servera/index.xml" title="Webbens baksida: Minimera antalet serveranrop"><div class="component picture-component" id="comp00004f2613a700000000212d14"><div class="top" style=""><img alt="" height="237" src="/_internal/cimg!0/a7cq6vu5tn22h5rmyx8c77pev4s8q18" width="470" /></div><div class="body">
<p>Det här är andra delen i ”Webbens baksida” där jag belyser delar av webbutvecklingen som inte syns explicit för besökaren men som är viktiga för en väl fungerande webb.<br>

<br>

I den här delen går jag igenom vikten av att minimera antalet förfrågningar per sidvisning till servern och lösningar på hur det går till.</p>


<p class="last"><a href="/blogg/webb/2012/1/webbens-baksida-404-sidan-finns-inte/index.xml">Läs gärna också den första delen</a>.</p>
</div></div></add-item><add-item date="2012-01-04 17:55:09" link="http://www.tekniskaverken.se/blogg/webb/2012/1/webbens-baksida-404-sidan-finns-inte/index.xml" title="Webbens baksida: 404 sidan finns inte"><div class="component picture-component" id="comp00004f03ccc40000000299697b"><div class="top" style=""><img alt="" height="147" src="/_internal/cimg!0/ijqhic4ej5tf3e0gfnmdpwpvp42dfhx" width="470" /></div><div class="body">
<p class="last">En webbplats är som ett isberg: Det man som besökare ser utgör bara 10 % av helheten. Ofta ligger det en herrans massa arbete i det som utgör grunden för webbplatsen, saker som inte syns för blotta ögat, men som är viktiga för att webbplatsen ska fungera och kunna underhållas. Jag tänkte ta upp några av dessa saker och jag tänker börja med något som alla användare av webben stöter på titt som tätt!</p>
</div></div></add-item><add-item date="2011-12-29 09:59:58" link="http://www.tekniskaverken.se/blogg/webb/2011/12/omfloda-html-layout-med-css/index.xml" title="Omflöda HTML-layout med CSS"><div class="component picture-component" id="comp00004efa922200000002645c0f"><div class="body">
<p>Det är ju fantastiskt när man lär sig nya saker. Här för leden upptäckte jag att man i <a href="http://sv.wikipedia.org/wiki/Cascading_Style_Sheets">CSS<img alt="Extern länk" height="7" src="/assets/img/blue/a-external.png" style="margin-left: 3px; margin-bottom: 0px" title="" width="10" /></a> kan ange för vilken max- eller minimibredd - för en visningsyta - ett mediedirektiv ska gälla. Mediedirektiv i CSS anger för vilken typ av visingsläge CSS-koden ska gälla. T ex <strong><em>all</em></strong> gäller för alla typer, <em><strong>screen</strong></em> för skärmar, <em><strong>print</strong></em> för utskrifter o s v. Men i o m att CSS3 är på frammarsch så kan man också ange för vilken bredd på visningsytan CSS-koden ska gälla. Detta är ju framför allt användbart för att anpassa layouten för t ex mobiltelefoner som generellt har en lägre upplösning än vanliga datorer, och dessutom tittar man ofta i telefonen i <em>stående</em> utsnitt till skillnad från en vanlig datorskärm som är liggande.</p>


<p class="last">Men det slog mig att man lika gärna kan använda mediadirektiven för att flöda om layouten beroende på hur brett webbläsarfönstret är även för en vanlig webbläsare på en vanlig dator.</p>
</div></div></add-item><add-item date="2010-07-05 16:04:33" link="http://www.tekniskaverken.se/blogg/webb/2010/7/google-visualization/index.xml" title="Google Visualization"><div class="component picture-component" id="comp00004c2dc8a6000000001e784c"><div class="body">
<p class="last">Google är ett företag som – trots att de hamnar i blåsväder ibland – i många fall gör livet lättare för oss webbutvecklare. Även fast mycket av det Google gör inte är <a href="http://sv.wikipedia.org/wiki/Fri_mjukvara">fri mjukvara<img alt="Extern länk" height="7" src="/assets/img/blue/a-external.png" style="margin-left: 3px; margin-bottom: 0px" title="" width="10" /></a> så måste man nog ändå tillstå att Google grundar mycket av sin verksamhet i den fria mjukvarans principer – stora delar av Googles infrastruktur baseras på just fri mjukvara – och mängder av den kod Google producerar ges tillbaks till de fri mjukvaruprojekt som berörs och delar av nyproducerad kod släpps under fri mjukvarulicenser.<br>

Google är dessutom bra på att producera öppna gränssnitt (API) mot många av de tjänster de erbjuder. Så även fast tjänsten i sig inte är fri mjukvara så går funktionaliteten att använda utanför själva tjänsten. <br>

Här på Tekniska Verken använder vi några av Googles tjänster och API:er – Google Analytics och Google Charts för att nämna några – och nu tänkte jag berätta om ytterligare ett Google API, nämligen <a href="http://code.google.com/intl/sv-SE/apis/visualization/interactive_charts.html">Google Visualization<img alt="Extern länk" height="7" src="/assets/img/blue/a-external.png" style="margin-left: 3px; margin-bottom: 0px" title="" width="10" /></a>.</p>
</div></div></add-item><add-item date="2010-06-18 16:29:51" link="http://www.tekniskaverken.se/blogg/webb/2010/6/ett-tips-bara-ett-litet/index.xml" title="Ett tips, bara ett litet"><div class="component picture-component" id="comp00004c1af8ea00000000a4246c"><div class="top" style=""><img alt="" height="196" src="/_internal/cimg!0/dyuk9oalyxt16ly692bezv4wr8qd2wm" width="470" /></div><div class="body">
<p>Jag måste få dela med mig av en sak. Jag har gått och blivit en riktig readerjunkie. Fy va bra det är!</p>


<p>Att försöka följa en massa olika informationskällor på internet är i det närmaste löjligt. Därför uppfann forskarna RSS, eller Really Simple Syndication, som är ett XML-baserat webbfeedformat som används för att publicera information som ofta uppdateras. Det borde vara känt för läsaren att man kan använda RSS för att prenumerar på olika nyhetsflöden i olika mailprogram eller om du är en av dem som fortfarande håller hårt i din backelittelefon så kan du till och med ha en speciell RSS-läsare, en desktopapplikation för att hantera dessa små guldådror av information som du tycker om att ta del av.</p>


<p>Eller så kan du använda molnet, och visst är det vackert med molnet! Google Reader är inget nytt direkt, men det är vansinnigt bra. Enkelt uttryckt så är det en RSS-läsare i molnet. Du kan alltså komma åt dina flöden överallt, bara du har en internetuppkoppling och en dator eller lämplig telefon. Personligen kan jag inte sluta använda denna applikation, all info är liksom tillgänglig på ett ställe, jag kan bläddra igenom den snabbt i Reader eller enkelt klicka mig till dess källa och läsa mer noga.</p>


<p>Dessutom finns en liten social del i Reader. Man kan dela med sig av information bland sina vänner, kommentera, gilla och så vidare. Förutom det så kan man spara egna länkar i sitt Readerflöde, lite som bokmärken som man kan komma åt överallt. Himla smidigt.</p>


<p></p>


<p class="last">Allt du behöver är ett googlekonto och sen är du på banan. Bara att börja prenumerera!</p>
</div></div></add-item><add-item date="2010-04-28 17:51:31" link="http://www.tekniskaverken.se/blogg/webb/2010/4/mina-sidor-version-1.2.0/index.xml" title="Mina Sidor version 1.2.0"><div class="component picture-component" id="comp00004bd7de77000000009b1871"><div class="top" style=""><a href="/blogg/webb/2010/4/mina-sidor-version-1.2.0/mp-full.png"><img alt="" height="329" src="/_internal/cimg!0/1py3rpa7l0y9pmym6mburk5y831ewvo" width="470" /></a></div><div class="body">
<p class="last">I morgon, 2010-04-29, är det äntligen dags att släppa version 1.2.0 av <a href="/mp/tvab/">Mina Sidor</a> och i denna version finns det en del nyheter och förhoppningsvis en del buggrättningar. En sak som är helt nytt är <strong>årsöversikten</strong>. Här kan man se sin sammanlagda förbrukning, mätarställningar och fakturor för pågående år, och man kan välja att se en sammanställning för ytterligare två år bakåt i tiden. Denna funktion funkar ännu så länge bara för privatkunder men vår förhoppning är att vi även ska kunna få till den på ett bra sätt för företagskunder.</p>
</div></div></add-item><add-item date="2010-04-16 15:14:18" link="http://www.tekniskaverken.se/blogg/webb/2010/4/uppat-for-google/index.xml" title="Uppåt för Google"><div class="component picture-component" id="comp00004bc7eaaf00000000972fe1">
<h3>Go Google!</h3>
<div class="body">
<p></p>


<p>Sökmotorjätten Google rapporterar att omsättningen ökade med 23 procent under första kvartalet 2010, eller 6,77 miljarder dollar jämfört med 5,51 miljarder samma period förra året. Ett resultat som överträffade förväntningarna från Wall Street.</p>


<p>Nettoinkomsten redovisades till 5,06 miljarder dollar, en ökning med 2,2 procent jämfört med fjärde kvartalet. Analytikerna spådde en vinst på 4,95 miljarder dollar. Bolaget kontrollerar ungefär två tredjedelar av den amerikanska sökmarknaden, enligt <a href="http://svt.se/2.22584/1.1965909/battre_an_vantat_for_google?lid=senasteNytt_275227&#38;lpos=rubrik_1965909">SVT Rapport<img alt="Extern länk" height="7" src="/assets/img/blue/a-external.png" style="margin-left: 3px; margin-bottom: 0px" title="" width="10" /></a>.</p>


<p></p>


<p class="last">Jag ämnar inte gå in och analysera siffrorna i sig, men som internettok så tycker jag naturligtvis det är kul och något som platsar på en webblogg. Vind i seglen med andra ord!</p>
</div><div class='clear'></div></div></add-item><add-item date="2010-04-16 10:24:08" link="http://www.tekniskaverken.se/blogg/webb/2010/4/veckans-fredagscmyk-en-nyttig-webbapp/index.xml" title="Veckans fredagsCMYK - En nyttig webbapp"><div class="component picture-component" id="comp00004bc7eaaf000000004e2fe1"><div class="right" style=""><img alt="" height="107" src="/_internal/cimg!0/8mqlwfuicp5dsmqkcjpmjmt7806vao1" width="188" /></div><div class="body">
<p>Det kommer förmodligen inte som en stor överraskning för de flesta att Adobe är rätt grymma på att göra bra prylar. Med tunga namn som Photoshop, Indesign och Premiere sträcker sig deras varumärke över en lång rad branscher som använder verktygen på många olika sätt och i olika stor utsträckning.</p>


<p></p>


<p class="last">Man möter inte sällan Adobes produkter på nätet heller, vad sägs om Flash, Air, Acrobat och så vidare. Det är därför föga förvånande att de är rätt bra på att göra coola och användbara applikationer till webben också. En av dem är Kuler.</p>
</div><div class='clear'></div></div></add-item><add-item date="2010-04-01 12:09:14" link="http://www.tekniskaverken.se/blogg/webb/2010/4/veckans-fredagscmyk-(paskeditionen)/index.xml" title="Veckans fredagsCMYK (påskeditionen)"><div class="component picture-component" id="comp00004bb4242300000000124c93"><div class="top" style=""><img alt="" height="417" src="/_internal/cimg!0/1y0z5srha38d3rtv70geaqcg76t9fm4" width="470" /></div><div class="body">
<p>Helt utan att ha något som helst med påsken att göra, ej heller med det faktum att det är den första april, kommer här ett litet tips inför långfredagens CMYK.</p>


<p>Som designintresserad och notorisk sneakersfanatiker hittade jag de här dojjorna när jag surfade runt lite. Det är den amerikanska skotillverkaren DC Shoes som tydligen gav ut en serie skor i alla de traditionella CMYK-färgerna. Jag är stort fan av teman på sneakers, så det här är verkligen min kopp te.</p>


<p class="last">Dags för fredagsCMYK med andra ord!</p>
</div></div></add-item><add-item date="2010-03-26 08:34:58" link="http://www.tekniskaverken.se/blogg/webb/2010/3/fredagscmyk/index.xml" title="FredagsCMYK"><div class="component picture-component" id="comp00004bac49230000000009190e"><div class="top" style=""><img alt="" height="183" src="/_internal/cimg!0/frkjtihqqvyuc8dsyhfdy49rxi3pkob" width="470" /></div>
<h2 class="picture-before">Ett alternativ till fredagsmys?</h2>
<div class="body">
<p>Här på kommunikationsfabriken har begreppet fredagsmys varit ett hett diskussionsämne i veckan. Det har förekommit strömningar som vill göra gällande att fredagsmyset som begrepp är en smula överskattat och kanske till och med ett lite obehagligt begrepp. Ett mysträsk som är lätt att falla i. Nu när fredagen äntligen är här tänkte jag att det kan vara lämpligt att introducera ett alternativ till fredagsmys, nämligen fredagsCMYK.</p>


<p>CMYK är en färgmodell som man arbetar mycket med inom tryck. Något som vi gör mycket här. Man blir ofta utsatt för det när man jobbar med grafik till webben också. Modellen är en så kallad subtraktiv färgblandning där primärfärgerna är cyan (C), magenta (M) och gul (Y), samt en så kallad nyckelfärg (K, för key). Vanligast är att K är färgen svart.</p>


<p class="last">Vad kan passa bättre än att presentera våra egna CMYK-färger i denna veckas fredagsCMYK, se figuren ovan för vår blå, grön och gul. Naturligtvis med CMYK-koder!</p>
</div></div></add-item><add-item date="2010-03-17 17:40:04" link="http://www.tekniskaverken.se/blogg/webb/2010/3/ny-version-av-mina-sidor-inom-kort/index.xml" title="Ny version av Mina Sidor inom kort"><div class="component picture-component" id="comp00004ba06b5300000003bc49fd"><div class="body">
<p>Under en tid har vi hållit på att utveckla en ny version av <a href="/mina-sidor/">Mina Sidor</a>. På grund av yttre omständigheter har detta dragit ut på tiden men förhoppningen är den nya versionen kan tas i bruk i början av april.</p>


<p>Det har gjorts en del buggfixar och det blir även en del nyheter. En nyhet är att man nu kommer att kunna se sina fakturor i <a href="http://sv.wikipedia.org/wiki/PDF">PDF<img alt="Extern länk" height="7" src="/assets/img/blue/a-external.png" style="margin-left: 3px; margin-bottom: 0px" title="" width="10" /></a>-format, både gamla fakturor och den nästkommande fakturan.</p>


<p>Man kommer också att kunna se en årsöversikt - förbrukning, avsläsningsdatum och fakturaspecifikationer - för alla sina tjänster. En likande funktion fanns tidigare på våra gamla "Mätarställningssidor" och en liknande funktion har önskats av många kunder även på de nya sidorna. Anledningen till att detta inte funnits med tidigare beror på att "Mina Sidor", till skillnad från "Mätarställningssidorna", också hanterar företagskunder som kan ha upp till flera tusen "leveranspunkter" (tjänster enkelt beskrivet) vilket medför att Mina Sidor är mångfalt mer komplexa än "Mätarställningssidorna" och att göra en årsöversikt för storkunder med flera hundratals leveranspunkter skulle kunna rendera i en serverkollaps! Så årsöversikten kommer bara att vara tillgänglig för privatkunder.</p>


<p>I den nya versionen kommer man också att kunna se sin förbrukningsstatistik som mest 6 år bakåt i tiden jämfört med 3 år som fallet är nu. Vidare är även gränssnittet uppstädat en hel del och Mina Sidor kommer att få ett lite annat utseende än övriga Tekniska Verken-sidor.</p>


<p class="last">För övrigt uppskattar vi de som återkopplar och ger synpunkter på Mina Sidor - eller vår webb i stort för den delen - för det är ju tack vare återkoppling vi kan göra vår webbplats bättre :)</p>
</div></div></add-item><add-item date="2010-03-16 09:17:01" link="http://www.tekniskaverken.se/blogg/webb/2010/3/utdrag-ur-en-skissbok/index.xml" title="Utdrag ur en skissbok"><div class="component picture-component" id="comp00004b9f19de000000001311dc"><div class="body">
<p></p>


<p class="last">När man skall skriva material eller producera grafik för en webbplats som tillhör ett företag eller en organisation är det viktigt att man inte bryter mot de riktlinjer som gäller för språk och grafik. Till sin hjälp i detta arbete har man normalt skrivregler och en grafisk manual. Här på Tekniska Verken har vi även en bubblare - skissboken.</p>
</div><div class='clear'></div></div></add-item><add-item date="2010-03-15 16:45:42" link="http://www.tekniskaverken.se/blogg/webb/2010/3/internetstrategidagen-2010/index.xml" title="Internetstrategidagen 2010"><div class="component picture-component" id="comp00004b9dc86200000001a26e1e"><div class="left" style=""><img alt="" height="113" src="/_internal/cimg!0/re3b5ct75e8kloyhqgvnm7g8e66b1nl" width="150" /></div><div class="body">
<p></p>


<p>I torsdags (2010-03-11) gick <a href="http://www.newmarketmedia.se/isd10.htm">Internetstrategidagen 2010<img alt="Extern länk" height="7" src="/assets/img/blue/a-external.png" style="margin-left: 3px; margin-bottom: 0px" title="" width="10" /></a> av stapeln på klassisk jazzmark i Nalen, Stockholm. Cirka 300 personer hade samlats på plats för att lyssna på en rad anföranden från branschens skarpaste hjärnor. Jag och min kollega Pontus var på plats för att snappa upp tankar och idéer.</p>


<p class="last"></p>
</div><div class='clear'></div></div></add-item><add-item date="2010-03-15 13:03:46" link="http://www.tekniskaverken.se/blogg/webb/2010/3/en-ny-blogg-pa-tekniskaverken.se/index.xml" title="En ny blogg på tekniskaverken.se"><div class="component picture-component" id="comp00004b9dc862000000008f6e1e"><div class="body"><div>

<p>Äntligen är den här, en blogg på <a href="../../../">tekniskaverken.se</a> som handlar om  webbtrender i allmänhet och webbutveckling i synnerhet.</p>


<p>Här kommer vi som jobbar med det som brukar kallas för internet på  Tekniska Verken skriva om nyheter - dels på den egna webbplatsen, men  också på webben i största allmänhet. Tanken är att vi skall kunna bjuda  på lite inspiration och idéer till er som jobbar med liknande projekt,  är besökare på webbplatsen och vill ha matnyttig information om nyheter  och förändringar, eller bara är nyfikna på vad som är hett och trendigt  på nätet.</p>


<p class="last">Så häng med på webbäventyr med <a href="/blogg/webb/">webbloggen på  tekniskaverken.se</a>.</p>

</div></div><div class='clear'></div></div></add-item></rss-writer>
