CSS för Internet explorer (IE)

juni 6, 2012 § Lämna en kommentar

I skrivande stund så använder 18% av alla användare Internet explorer (källa: w3schools). Med CSS3 och HTML5 så skapar det lite svårigheter för webbdesigners. Här kommer det vanligaste och enklaste tipsen:

  • Modernizr – har varit ett vanligt sätt att få HTML5 kompatibilitet med IE.
  • Google har släppt html5 shiv som gör samma sak med mindre kod. Du hittar det här: HTML5 shiv
  • För att det ska gälla i Internet explorer som är äldre än version 9 skriv: <!–[if lt IE 9]&gt;–>
  • För att ha en specifik CSS fil för alla internet explorer: <!–[if IE]–>
  • Genom att byta ut raden: <!–[if lt IE 9]–> så kan vi påverka vilka webbläsare (IE versioner) som avläser den raden.
  • <!–[if gte IE 6]–> Versioner som är IE 6.0 eller större
  • <!–[if lt IE 9]–> Versioner som är IE 8 eller mindre
  • <!–[if IE 9]–> Byt ut 9 till den version du vill ska gälla
Annonser

Responsive design en snabb resumé/förklaring

juni 6, 2012 § Lämna en kommentar

Responsive design är ett relativt nytt uttryck. Det innebär att skapa en design som är tillgänglig för alla skärm-upplösningar och alla ”devices” (t.ex tabloids och smartphones). Det viktigaste att tänka på är:

  • Använd ”em” istället för ”px” för all text på hemsidan
  • Definera width, padding och margin med %
  • För att dina bilder ska anpassa sig efter skärmen skriv:
    img {
    max-width: 50%;
    height: auto;}
  • Använd CSS3 media queries för att anpassa hemsidan till tabloids och smartphones. Exempel:
    @media screen and (max-width: 980px) {// skriv allt som du vill ska gälla mellan upplösningen 980px ner till 700px}
    @media screen and (max-width: 700px) {// skriv allt som du vill ska gälla mellan 700px ner till 480px}
    @media screen and (max-width: 480px) {// skriv allt som du vill ska gälla mellan 480px och neråt}
    Tänk på att media ärver all css som du definerade i den tidigare upplösningen.

Fortsätt designa!

Vad är web 2.0?

september 24, 2010 § Lämna en kommentar

Tim O´Reilly som myntade uttrycket Webb 2.0 menar att det är när webben är plattformen. I webb 2.0 så har
användaren interaktion med hemsidan.
Om det finns en webb 2.0 så måste det finnas en webb 1.0. Webb 1.0 består av mer statiska hemsidor. Där
användaren inte har samma möjligheter.
Webb 2.0 innebär att användaren har tillgång till att lagra & ändra data.

För att hemsidan ska få kallas för en webb 2.0 hemsida så måste den uppfylla dessa kriterier:
• Användaren ska själv kunna vara med och bidra till sajtens innehåll samt kunna se
användarskapat innehåll.
• Användaren ska kunna ha kontroll över sin egen information.
• Designen ska vara fyllig, interaktiv och användbar.
• Besökare kan interagera med hemsidan.
• Innehållet och koden är dynamisk.

Web 2.0 ordbeskrivningar

september 24, 2010 § Lämna en kommentar

Ajax

Ajax är ett samlingsnamn för ordet Asynkron Javascript and XML.Det är också en teknik som möjliggör interaktivitet av en webbsida utan att behöva ladda om hela hemsidan. XML, XHTML, CSS och Javascript (DOM) används i denna teknik.

Adjacent

Det är en liten ikon som är sammankopplad med ett blogginlägg. Ikonen symboliserar att man kan prenumerera på blogginlägget.

OpenID

Det här är ett nytt slags login-system. OpenID tekniken gör det möjligt att använda en digital identitet på flera hemsidor.

RSS

Really simple syndication står förkortningen RSS för. RSS gör det möjligt att ”prenumerera” på webbsidor. Informationen som man prenumererar på presenteras som XML fil.

Feed aggregator (nyhetsaggregator)

En feed aggregator är en tjänst som tillåter alla RSS flöden att samlas på en plats. Det finns olika aggregators ute på webben. Google reader och netvibes är två av dem.

Podcasting

Podcasting är en metod som gör det möjligt för en användare att sända och prenumerera på video och ljudfiler. Podcatcher(podkastklient) är en sådan som fångar upp flödet(video & ljud). Man kan säga att det är en feed aggregator för bild & ljud.

Tag

Att ”taga” någon har blivit ett vanligt uttryck. Det man gör när man ”tagar” är att man tilldelar ett nyckelord till en större del information(bild, blogginlägg, data fil). Nyckelordet används sedan som meta data för att andra ska kunna hitta den aktuella datan.

Twitter

Twitter är ett stort socialt nätverk där man kan uppdatera med text, bilder. Man kan följa andra i deras vardag.

Bliki

Bliki är bloggning och Wikis kombinerat. Det senaste inläggen visas precis som i en blogg men man postar inlägg som man gör i en wiki.

Creative Commons licenses

Flera copyright licenser släpptes av Creative Commons år 2002. Den här licensen har alla bas grunder för distribution.

Mashup

Om man tar någon digital media(bild, text eller ljud) och skapar ett eget verk utifrån det. Då kallas det nya exemplaret för en mashup.

Del.icio.us

Delicious är en webbsida som erbjuder en bokmärkes tjänst. Hemsidan ägs av Yahoo!. Man kan dela ut sina bokmärken eller hålla dom privat. Men det finns alltid tillgängliga på webben genom delicious arkivet. Delicious har både tillägg till firefox och google chrome. Allt för att du enkelt ska kunna bokmärka och tagga dessa.
Du kan söka igenom andras bokmärken, och se vilken sida som har blivit bokmärkt flest gånger. Webbläsarnas egna bokmärkessystem får tyvärr kliva åt sidan, den här tjänsten är oemotståndlig.

Semantic Web

Den semantiska webben beskrivs som ”web 3.0”. Ett nytt steg i webbutveckling där man fokuserar på att datorn ska få hög artificiell intelligens och kunna utföra jobb själv.  Det här kan åstadkommas med hjälp av meta data som man knyter samman med relationer till exempel.

Dooce

Heather Armstrong är en kvinna som blev sparkad från sitt jobb(år 2002) pga av att hon skrev historier på hennes blogg (dooce.com) som inkluderade hennes arbetskamrater. Om du blir ”dooced” så menar man ”att bli sparkad från sin arbetsplats för att man skrivit något på sin egen hemsida”.

Architecture of participation

Är en fras funtad av Tim O’Reilly. Frasen beskriver hur stort användarnas deltagande i den dynamiska webben blir när alla samverkar.

Var befinner jag mig?

Du bläddrar för närvarande i kategorin Webb 2.0Tobiasboman's Blog.

%d bloggare gillar detta: