Bilder och responsive webb Andreas Cederbom

Slides:



Advertisements
Liknande presentationer
låt oss presentera SLIDEPLAYER.SE
Advertisements

Snabbguide och tips.
WCAG 2.0 som ett konkret verktyg i arbetet med komplexa tekniker Andreas Cederbom.
SNAPCHAT Grundare Evan Spiegel.
security through simplicity 2 Visste du att du kan använda ditt inpasseringskort till att logga in till din dator, till ditt nätverk och till dina molntjänster?
Att tydliggöra de långsiktiga målen i Lgr -11 och kunskapskravens fem övergripande förmågor för elever, föräldrar och pedagoger.
Kort introduktion till hur du använder GitHub och sMap mobile
Strukturerad dokumentation och XML
Testning av dynamiska webbgränssnitt Andreas Cederbom
Goda exempel från verkligheten
Wikinggruppen Presentation av ”WIKING SMS” – Effektivisera din verksamhet.
Mina Aktiviteter Integration med befintliga webbplatser.
Säkrare inloggning till e-tjänster för vårdnadshavare via e- legitimation Viktig information om förändringar kring vårdnadshavares inloggningar till Barnwebben,
Tillgängliga mobila gränssnitt Andreas Blackne
Andreas Cederbom Tillgänglighet i digitala lärplattformar Genomgång av dokumentationen.
XHTML.
Hur fungerar Snapchat Snapchat.
E-post juni 2013.
Producerad av Publiciteta&Co Sundsbussarna Förslag på ny design av hemsida Publiciteta&Co 2006.
FTP, HTTP, HTML, XML och XHTML
Mashups Per K, Vad är en mashup? • Mashup är en typ av webbapplikation som sammanställer information och funktionalitet från fler av varandra.
Mjukvara och nätverk Vad är det?.
Programmering B PHP Lektion 1
presentation av Daniel Jönsson Lennart Schedin
ARKISTOLAITOS Arkivverket Projekt för förnyelse av webbplatsen.
Enkel dator teknik Tips och tricks.
Lust eller lag? Andreas Cederbom
Sidor, kategorier, inlägg och responsiv webb
Webbteknik lektion 2 Det handlar om stilmallar Per K, 2012.
Webben – intro Första föreläsningen i kursen Webbutveckling.
Öppna en webbläsare och navigera till Om du inte redan är inloggad så logga in med.
Introföreläsning CS Om publiceringssystem, lektion ett.
Grundkurs i Internetsökning
Responsive design i praktiken Johan Kling
Slutet är nära Andreas Cederbom
Tillgänglighet som en naturlig del av projektet Andreas Cederbom, Funka Nu Angela Sundström, FMV Tina Engman, FMV.
Nätverk Logistikprogrammet 2012.
WEBMASTER DAG 13 Mahmud Al Hakim
Sammanfattning och summering Offentliga rummet 2014
Beräkningsverktyg info Klimatkollen Vad behövs för att bli godkänd som användare av beräkningsverktyget? Delta i denna webkurs Gör övningsuppgift.
Html5 Rich Media. Video Helt ny Element i html Ersätter FlashVideo Lätt att använda Layout ändringar med css och js.
Programmering B PHP Lektion 2
Välkommen till PowerPoint
Introduktion till DITA
Min första hemsida Hello world!. Byt bakgrundsfärg Hello world!
Andreas Cederbom Valideringstjänster.
Elektrisk impedans tomografi(EIT)
Medlemsregistrering SAFF har skapat en förenklad version på hur ni i föreningarna lägger upp era medlemmar. Har ni frågor ring Marika Holm på
Tillgänglig IT Komma igång med Basecamp. Som deltagare i kursen får du en individuell inbjudan via epost med en registrerings- och en startlänk.
Mitt första Java program Mahmud Al Hakim Copyright, Mahmud Al Hakim, 1.
Everything you need to manage your digital media ImageVault is everything you need to securely and easily store, find and use all your digital media.
Hur vill vi svara? Stefan Johansson Svara på frågor – webb, papper, telefon Webb 4 Ja, gärna. 9 Det funkar. 3 Nej eller Helst inte Papper 1 Ja gärna.
Vad är en bra webbplats? KANO Förtroendeingivande Effektiv Användbar Tillgänglig Ändamålsenlig Snabb och responsive Sökoptimerad Lättdelad Åtkomlig.
Snabbreferens för Lync 2013 för Office 365 © 2012 Microsoft Corporation. Med ensamrätt. Med Lync kan du börja samarbeta utan att schemalägga ett möte.
Andreas Cederbom & Joakim Lundberg Funkas Tillgänglighetsdagar 2010 Less is more.
XHTML & CSS Introduktion Erik Nahkala
Välkommen till årets andra nätverksträff Sundsvall 30 maj, 2006 Funda Denizhan och Magnus Burell Verva, Nätverket 24-timmarswebben.
Mashups Per K, Vad är en mashup? Mashup är en typ av webbapplikation som sammanställer information och funktionalitet från fler av varandra.
Modul 6 Använda Internet för arbete och lärande. Inlärningsmål  6.1 Identifiera metoder för att få åtkomst till Internet.  6.2 Använda webbläsare för.
Hantering av nödsituation vid vatten vintertid. Isvak
UTVECKLING MED RAMVERKET.NET Marcus Medina. Dagens visdomsord ”Google is your friend”
Detaljplan enligt nya PBL seminarium på länsstyrelsen Sammanställning av diskussionsfrågor.
Gör direkt: Gå till hemsidan: Klicka på dagens PowerPoint
Area 03 på webben Trollhättan 18 april 2009 Sonja Hönig Schough Infomaster Area 03 International Director
Copyright, Mahmud Al Hakim, Hakimdata.se Agenda  Kunskapstest  Windows Skrivbord (Desktop)  Aktivitetsfält  Fönster och menyer  Systemåterställning.
Bekräfta användaren Andreas Cederbom
1.Gå till hemsidan: torslandaskolanssuperhumans.wordpress.com 1.Klicka på dagens PowerPoint (18/11) 2.Öppna & spara den på din dator 3.När du är klar kan.
Enkel dator teknik Tips och tricks. Välja storlek och radavstånd Här väljer du storlek på texten vi vill att ni använder 14 p till rubriker och 12 p till.
Musikkompendium Test. Musikkompendium Test 2 Musikkompendium Test 3.
COMPARE: diskussionsyta för experter
Presentationens avskrift:

Bilder och responsive webb Andreas Cederbom

Utmaningen • Olika skärmstorlekar

Utmaningen • Olika skärmstorlekar • Olika uppkopplingar

Utmaningen • Olika skärmstorlekar • Olika uppkopplingar • Olika enheter/kapacitet

Om webbplatsen ska vara riktigt responsive räcker det inte med en flytande layout, vi måste anpassa exakt vad som skickas till enheten.

Bilder för olika situationer • Vektorgrafik (SVG)

Klicka på bilden för att öppna exemplet i din webbläsare. Där kan du testa att zooma in och ut.

Bilder för olika situationer • Vektorgrafik (SVG) Fördel: Går att zooma obegränsat Nackdel: Filerna ofta ganska stora och fortfarande bristande stöd i webbläsare

Bilder för olika situationer • W3C, element • W3C, srcset attribut i element

Tillgänglighetstext Information om hur är tänkt att användas/fungera:

Bilder för olika situationer • W3C, element • W3C, srcset attribut i element Nackdel: Stöds inte av någon webbläsare idag Fördel: Kan bli ett enkelt, standardiserat sätt att lösa ett stort problem på

Bilder för olika situationer • Picturefill

Exempel:

Bilder för olika situationer • Picturefill Fördelar: Fungerar redan idag Nackdelar: Kräver att ni hanterar flera versioner av varje bild Baserat på script

Det finns inga normalanvändare