05 jun

Responsive webdesign met Twitter’s bootstrap

 

responsive-webdesignVandaag de dag draait alles rond het maken van responsieve websites die voor iedereen en elk toestel toegankelijk zijn. Met mobiel surfen, tablets en computers met grote en kleine schermen is de vraag groot om een website te hebben dat er voor al deze apparaten goed uit ziet. Dat noemen we “responsive webdesign”! Voordien werd er vaak gebruik gemaakt van aparte urls zoals m.mijnwebsite.be die allemaal een andere design hadden, apart CSS bestand, een eigen PSD en zo voort. Met een responsieve website is het gedaan met die verschillen: een enkele url en layout voor elk aparaat.

Bootstrap van Twitter

Bootstrap van Twitter is een framework waarmee je gemakkelijk responsiviteit in je website kan integreren. Dit framework is onstaan nadat 2 medewerkers van Twitter besloten om hun werk te vergemakkelijken omdat ze steeds dezelfde code moesten schrijven bij het maken van een website of pagina. Iedereen die nu een responsieve website wilt maken hoeft enkel het framework in te laden en de helft van je werk is al klaar.

28 jan

Responsive Web Design: Wat is het en waarom is het belangrijk?

 

Ons surfgedrag is de voorbije jaren enorm hard gewijzigd. Alsmaar meer mensen beschikken inmiddels over een moderne smartphone en/of tablet, en deze dienen voor heel wat meer dan te bellen of berichtjes te sturen. Alsmaar vaker bezoeken we websites  via deze “mobile devices” en niet meer uitsluitend via de grote beeldschermen die met onze computers verbonden zijn. Echter, doordat de beeldresoluties van deze toestellen heel wat lager zijn dan die responsief web designvan het klassieke beeldscherm zullen websites  op een minder duidelijke manier vertoond worden.

Zo gaat bijvoorbeeld de tekst op een webpagina in die mate verkleind worden dat deze haast onleesbaar wordt. Deze mobiele toestellen laten dan wel toe een pagina in te zoomen, maar van een fijne gebruikerservaring is helemaal geen sprake meer. Als web publishers zullen we hier dus iets op moeten vinden.