Vilka händelser var viktigast på Internet under förra året? Svaret beror givetvis på vilket perspektiv man anlägger. Patrik Wallström listar i ett blogginlägg på .se  de i hans tycke tio viktigaste händelserna.

De tre första är:

1. Arabiska våren, och det fokus som blev på möjligheterna att använda Internet som en del av kampen. bilden ovan visar en karta över tillgängligheten på Internet den 3 juni 2011. Syrien är nästan helt blockerat.
2. Wordfeud – behövs kommentarer??
3. Hackergruppen Anonymous som blivit alltmer synliga. De märktes kanske mest för allmänheten, men i och med arresteringen av Julian Assange blev de ett begrepp hos allmänheten.
   Häromdagen kunde man t.ex. läsa om dem hos BBC i samband med deras aktivitet när sajten Megaupload stängdes.

Resten av listan läser du här.

När man vill veta vilket typsnitt som används på en webbsida får man kika i CSS. Ett nytt plugin till chrome fokuserar på just detta. WhatFont skapar helt enkelt en lite ruta som talar om vilket typsnitt som valts. Smidigt.

Exempel från denna sida:

Har du någon gång känt behov att testa html och css riktigt snabbt någon gång. Utan att ha tillgång till några program för det. Det finns faktiskt möjlighet att göra det direkt i webbläsaren. Ett sådant verktyg är dabblet. Gå dit, skriv in  koden du vill testa och du ser resultatet på skärmen.

Får givetvis inte glömma att 24ways.org återigen presenterar en kalender för alla oss som sysslar med webben. Det är 7:e året!

Se om du hittar något som passar dig.

Hur är det med kunskaperna om de nya HTML5 -elementen?

Har du lust att testa hur många html5-element du kan räkna upp på fem minuter – bege dig till designheroes!

Den som är intresserad av vad som händer på webbfronten kan ta del av ett livestreamat seminarium den 15-16 november. W3C organiserar och bland talarna hittar man bland annat John Allsopp och Paul Irish. Se hela listan.

Sitepoint listar hela programmet och ger länkar till livestream. Där finns även  länkar till arkiv, där de olika sessionerna kommer att finnas tillgängliga.

En möjlighet att ta del av det senaste som händer i webbstandardvärlden.

Är du intresserad av att fördjupa dig i CSS3. CSS3.info listar en trave med videor från Think Vitamin. Tidigare har de tagit betalt för dessa, men nu är de fria att kika på för den som önskar.

Border, övertoningar, animeringar, typografi, media queries m.m. Över 4 timmar med genomgångar.

Om du vill veta lite hur man skriver koden till ett minimalt HTML5-dokument kan du bege dig till Sitepoint. Där publiceras ett avsnitt ur boken HTML5 & CSS3 for the Real World. Sidan ger en rejäl genomgång av hur man skriver ett minimalt HTML-dokument och jämför ibland med XHTML och HTML4.

Författarna motiverar mycket tydligt varför man skriver som man gör, och hänvisar också till javascriptbibliotek som gör det möjligt att anpassa till äldre webbläsare.

Jag har bara hunnit ögna genom boken, men den verkar mycket läsvärd. Det finns även ett helt kapitel att ladda ner från bokens hemsida.

Författare är Alexis Goldstein, Louis Lazaris och Estelle Weyl. Du kan även läsa en introduktion av dem på bokens hemsida.

Är du extra nyfiken finns det en podcast med Alexis och Estelle hos Sitepoint. Sitepoint har även transkriptioner på sina podcast, så det går bra att “ögna igenom” den, om det inte passar att lyssna.

Om man vill göra runda hörn med CSS använder man egenskapen border-radius. Ovan ser du exempel på det. Här använder jag även box-shadow på bilden för att generera en svag skugga. Jag har använt följande css-kod på bilden:

padding: 25px;
border: 2px solid #666;
background-color: #efe;
box-shadow: 4px 4px 15px  #bbb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; (word-press gillar tydligen inte egenskaper som börjar på  -moz och -webkit i inline, utan tar bort dem, trots att jag skrev det i koden.)

På p-taggen runt bilden har jag använt:

border: 1px solid #cdc;
margin: 0 auto 8px auto;
padding: 15px;
background-color: #ded;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

Det jag egentligen vill tipsa om är webbplatsen border-radius.com. Den har ett enda syfte: Att hjälpa dig få fram kod för runda hörn som fungerar i de flesta webbläsare. Bara skriv in antal pixlar du vill ha i rundningen och du ser hur det ser ut. Dessutom får du den extra kod som behövs för att visa hörnen i både webkit- och geckoläsare (dvs Safari, Chrome och Firefox). Så här ser det ut:

Detta är förmodligen vad de flesta oftast behöver. Att det går att göra mer kreativa lösningar och t.ex. göra “oregelbundna” hörn – det kan du fördjupa dig i på CSS3.info.

Tänk så praktiskt att att kunna rita direkt på en sida. Mycket lättare att förklara vad man menar, gillar, ogillar… och sen dela det med någon via en enkel webblänk.

Det finns en tjänst som gör det möjligt: markup.io. Bilden ovan är från en sparad sida. Jag testade markup och det är oerhört enkelt.

Dra en bookmarklet (ett bokmärke i webbläsaren i form av ett javascript) till bokmärkesfältet. När du sen vill markera, rita, skriva något på en webbsida räcker det att klicka på detta. Det laddar ett verktygsfält där du kan välja penna eller textverktyg, välja tjocklek och färg. Sen är det bara att använda musen/pennan för att göra dina anteckningar!

När du är klar talar du om att du vill spara (dra den gröna pilen till höger) och vips så sparas en version hos markup. Du får en adress att kopiera och dela vidare.

Notera att även om man har ett mycket litet fönster öppet och bara markerar en minimal del på sidan så blir det en bild på hela sidan (här är en liten bugg, men markeringen placeras rätt när jag ändrar fönsterstorlek). Kan vara bra att tänka på om det gäller en sida med mycket scrollning.

Här är ytterligare ett exempel. Älgar som är osams, från (tittahit.se)

Det jag funderar över inför denna och många andra strålande idéer: Hur gör man det lönsamt? Det är verkligen roligt att man visar vad som går att göra, och man kan säkert imponera på sina kunder. Fram för kreativitet i alla lägen.

Det är en beta-tjänst och jag misstänker är svårare att utveckla en lönsam affärsmodell än att komma på en kreativ teknisk lösning?? Men jag är ju inte ekonom… och man ska bland annat konkurrera med Notable.

Men för oss som gillar gratis gäller det att passa på när det bjuds!