Konseptit

Responsiivinen

Englanniksi: Responsive

Suora vastaus: mitä tällä termisivulla on?

  • Ytimekäs määritelmä: saat heti vastauksen mitä termi tarkoittaa vibekoodauksen kontekstissa.
  • Käytännön selitys: mukana on pidempi avaus ja esimerkkejä termin käytöstä.
  • Jos haluat oppia kokonaisuuden: siirry oppimispolkuihin osoitteessa `/vibekoodaus/oppimispolut`.

Määritelmä

Suunnittelutapa jossa sovellus mukautuu automaattisesti eri näyttökokoihin puhelimesta työpöytään.

Selitys

Responsiivinen suunnittelu tarkoittaa että verkkosivusto tai sovellus näyttää hyvältä ja toimii kaikilla laitteilla - tietokoneella, tabletilla ja puhelimella. Se käyttää CSS media queryjä ja flexboxia/gridiä.

Esimerkkejä

  • Tailwind: sm:text-lg md:text-xl lg:text-2xl
  • Mobiili-ensin suunnittelutapa
  • Valikko muuttuu hampurilaisvalikoksi

Selaa kaikkia termejä

Tutustu koko vibekoodauksen sanastoon.

Koko sanasto