Web Design Responsiv - Frameworks. Folosire W3.CSS.
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
Există multe CSS Frameworks existente care oferă un design responsive.
Sunt gratuite și ușor de utilizat.
Folosire W3.CSS
O modalitate excelentă de a crea un design responsive este să folosești o foaie de stil responsive (responsive style sheet), cum ar fi W3.CSS
W3.CSS facilitează dezvoltarea site-urilor care arată frumos la orice dimensiune; desktop, laptop, tabletă sau telefon:
Exemplu:
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body>
<div class="w3-container w3-green">
<h1>W3Schools Demo</h1>
<p>Redimensionați această pagină responsive!</p>
</div>
<div class="w3-row-padding">
<div class="w3-third">
<h2>Londra</h2>
<p>Londra este capitala Angliei.</p>
<p>Este cel mai populat oraș din Regatul Unit,
cu o zonă metropolitană de peste 13 milioane de locuitori.</p>
</div>
<div class="w3-third">
<h2>Paris</h2>
<p>Paris este capitala Franței.</p>
<p>Zona din Paris este unul dintre cele mai mari centre de populație din Europa,
cu peste 12 milioane de locuitori.</p>
</div>
<div class="w3-third">
<h2>Tokyo</h2>
<p>Tokyo este capitala Japoniei.</p>
<p>Este centrul zonei Tokyo,
și cea mai populată zonă metropolitană din lume.</p>
</div>
</div>
</body>
</html>