እቲ ንኹሉ ስክሪን ዝሰማማዕ ገጽ — Siden som passer alle skjermer

Learning goals

HTML፡ CSSን JavaScriptን ንቆልዑ · responsivt design

ዘተ ብኖርወይኛ ምስ ትርጉም ብትግርኛ

Nora: Et responsivt oppsett tilpasser seg mobil, nettbrett og datamaskin.ተዓጻጻፊ ኣቀማምጣ ምስ ተሌፎን፡ ታብሌት ን ኮምፒተርን ይሰማማዕ።

Robo: Vi begynner med å forstå problemet.ጸገም ብምርዳእ ንጅምር።

Nora: Start med den smaleste skjermen.ብእቲ ዝጸበበ ስክሪን ጀምር።

Robo: Et tydelig mål gjør neste steg lettere.ንጹር ሸቶ ቀጻሊ ስጉምቲ የቃልል።

Nora: Bruk fleksible mål og media queries.ተዓጻጻፊ መጠናትን media queries ተጠቐም።

Robo: Gjør én kontrollert endring om gangen.ኣብ ሓደ ግዜ ሓደ ዝተቆጻጸረ ለውጢ ግበሪ።

Nora: Vi tester med et lite eksempel.ብንእሽቶ ኣብነት ንፍትን።

Robo: Et lite eksempel viser om ideen virker.ንእሽቶ ኣብነት እቲ ሓሳብ ይሰርሕ ድዩ ኣይሰርሕን የርኢ።

Nora: Innholdet skal være lesbart uten sideveis rulling.ትሕዝቶ ብዘይ ብጎኒ ምሽብላል ክንበብ ኣለዎ።

Robo: Sammenlign resultatet med målet.ነቲ ውጽኢት ምስ ሸቶ ኣወዳድሪ።

Nora: Jeg kan forklare og prøve selv.ባዕለይ ክገልጽ ን ክፍትንን እኽእል።

Robo: Nå kan du forklare regelen med egne ord.ሕጂ ነቲ ሕጊ ብናይ ባዕልኺ ቃላት ክትገልጽዮ ትኽእሊ ኢኺ።

ካብዚ ኮሚክ ዝተወስዱ ቃላት ኖርወይኛ