Terug naar overzicht

Responsive design in SharePoint 2013

20 juni 2013

SharePoint 2013 responsive design

responsive design

Responsive design in SharePoint 2013 door middel van device Channels

Wat is responsive design?

Een responsive website past zich automatisch aan naar de schermresolutie waarmee de website wordt gebruikt. Hierdoor wordt deze op zowel een smartphone, tablet als verschillende formaten van desktop monitoren optimaal weergegeven. Je hoeft hierbij geen aparte mobiele website te laten bouwen, één website is genoeg.

Bij Buro26 werken we met Bootstrap. We hebben daarnaast ook een demo pagina gemaakt. Hier zie je goed de werking van het zogenaamde Bootstrap grid. 

Device Channels in SharePoint 2013

In SharePoint 2013 zijn Device Channels geïntroduceerd. Hiermee kun je opgeven op welk apparaat content getoond dient te worden of juist verborgen moet worden. Zo kun je afbeeldingen per apparaat optimaal inzetten door een kleine afbeelding te tonen op een smartphone en een grote foto op een desktop monitor. Hierdoor blijft de laadtijd van de website optimaal. Ook kunnen CSS of JavaScript bestanden op deze manier worden ingeladen per device.

Device channels uitgelegd op MSDN (microsoft)