Viewport
<meta name = “viewport” content=“width=device-with” />
– De website moet zich aanpassen aan de scherm breedte van het
device. Hier dient de meta tag ‘vierport’ voor
Relatieve eenheden in CSS:
– Procenten (%)
– Em
– Rem
– VW & VH (viewport width & viewport height)
Media Queries
– Met media Queries kan een website zich aanpassen aan verschillende
kenmerken of parameters van een apparaat. (@media).
Voorbeelden:
,
, NOTE:
– Mobile fist design!
Omdat een mobile device de meeste ‘uitdagingen’ bevat; klein scherm,
beperkte bandbreedte, touch-bediening, gebruikersgedrag, etc. is het
verstandig progressive enhancement toe te passen
– Breakingpoints.
Desktop first design
– Van groot naar klein werken.
– We optimaliseren een website voor desktop en passen hem aan naar
gelang de schermbreedte afneemt.
– De complexiteit van de website neemt af (graceful degredation)
Mobile first design
– Van klein naar groot werken
– We optimaliseren een website voor mobiel en passen hem aan naar
gelang de schermbreedte toeneemt.
– De complexiteit van de website neemt toe (progressive enhancement)
DOEL: Een efficiëntere manier om de ruimte tussen items in een container in te
delen, uit te lijnen en te verdelen zelfs als hun grootte onbekend en / of
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller anoukmateman. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $8.88. You're not tied to anything after your purchase.
