Tip(z)

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: Arabiska våren, och det fokus som blev på möjligheterna att använda Internet som en del av kampen. bilden ovan [...]

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 [...]

Ä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 [...]

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; [...]

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 [...]