Responsiv web
Angående exemplen nedan:
Testa att göra webbläsarfönstret så smalt det går för att se hur exemplen nedan ser ut på liten och stor skärm!
Vad är responsiv webb?
- webbdesign som tillåter layouten att förändras beroende på vilken skärmstorlek och skärmupplösning som besökaren har, och beroende på vilka funktioner som webbläsaren stödjer.
Varför behöver vi en sån?
- Kompatibilitet med webbläsare/plattformar
- Besöksstatistik - 30% av beökarna kommer från telefon eller platta.
- Andelen besök från mobila plattformar är stigande
- Google premierar sökresultat från responsiva webbplatser
Hur påverkas www.med.lu.se?
Välfungerande exempel!
I mobilt läge finns det viktigaste kvar högst upp på sidan, endast sekundär info i högerkolumnen
- Ökade krav på att den första delen av mittkolumnen ska vara relevant (exempel)
Sämre exempel
Det viktiga innehållet i höger kolumn hamnar längst ned på sidan. Här har vi länkat till ett ankare som hoppar ner till rätt plats på sidan
- Högerkolumnen visas längst ned på sidan (exempel)
Breda tabeller
Breda tabeller får inte plats och får en horisontell skrollning, men i det här fallet är det ingen poäng med att ändra.
Tabellbaserad layout
- Sidor med tabellbaserad layout fungerar sämre (exempel)
På denna sida har vi valt att sätta in olika innehåll för olika webbläsare, eftersom sidan bedömdes vara speciellt viktig.
Nya funktioner i ez Publish
- Bilder visas i 100% bredd i mittenkolumnen (automatiskt)
- Videor (Youtube) sätts in med "iframe" i stället för med "externflashvideo". Infoga extern video
- Man kan sätta in innehåll som bara visas på stora eller små skärmar . Anpassa innehållet för olika skärmstorlekar
subtopics: