Back

  1. Harus terstruktur. Hanya ada 1 < h1 > di tiap halaman.Harus berurutan.h1 ke h2. h2 ke h3 biar jelas subdivisinya.

    HAHA

    INi subjudul

    ini sub sub judul

    Masih sub sub judul

    Mikansena

    watashi demo

  2. Konten utama dari isi halaman itu < main >. Sangat membantu buat fitur jump to main content

    Ini bagian utama teks

  3. Article:Buat group content secara individual. Section: Nge group yg setema. Div:Nge group yg gak ada hubungannya.

    Apakah PHP masih jelek atau udah bagus? tentu saja better lah.

  4. header tag buat nandain introductory paragraph atau navigation link

    Bagaimana Cara WC di EU4?

  5. nav : buat nge wrap link navigasi utama. Note: Kalau link di bawah page mending pake < footer >

  6. Footer buat nampilin copyright dsb di bawah layar

    ©Cover Corp 2020

  7. Buat nampilin audio terutama untuk screen reader

  8. Buat aksesibilitas dan kemudahan caption terutama untuk yang difabel, gambar/tabel dijadiin di tag figure

    Bola ditendang
    Ada bola yang ditendang manusia

  9. Biar form muda dibaca sama screen reader, teks di sebelum input dikasih label biar jelas ini untuk siapa

  10. Untuk radio button,biar enak dilihat digroupin jadi 1 fieldset dan judulnya dikasih legend

    Pendidikan terakhir:






  11. Buat input tanggal:

  12. Buat ngebantu screen reader agar jelas ini tanggak berapa

    Indonesia merdeka di

  13. Buat ngehide konten yang hanya dibaca oleh screen reader:

    Ini rahasia loh?cuma yang pake screen reader doang yang ngebaca

  14. Kontras background dan warna yang disarankan 4.5:1 untuk normal text. Buat ngecek bisa ke web ini. Nilai rasio ini dilihat dari luminositas relatof,jadi bisa dimanipulasi pake hsl()

  15. Untuk ngebantu yg colorblind, jangan kasih warna background sama tulisan yang bersebelahan hue nya

  16. Buat ngebantu yang pake screen reader, tempat buat naro anchor link kudu informatif. Misal : klik untuk ||a|| informasi tentang bateradi||/a||

  17. Buat elemen yang informatif bisa pake shortcut biar gampang. Misal: ketik 'p' untuk kembali ke halaman awal

    Buat firefox pake alt+shift+[KEY]

    Buat opera sebelum versi 15:shift+esc+[KEY}

    Buat edge,ie,chrome,safari,opera 15+:alt+[KEY]

    kembali ke awal

  18. bisa pake atribute tabindex agar si elemen bisa pake pseudo class focus. kalau nilainya 0 berarti bisa fokus

    kalau -1 berarti bisa difokusin tapi gak bisa dicapai keyboard

    APA LIHAT LIHAT?

  19. atribut tabindex bisa menunjukkan prioritas elemen mana yg di hightlight kalau kita pencet TAB. Polanya dari 1->2->dst

    Defaultnya iyalah elemen paling atas

    Ku pertama

    Tapi ku dulu nu pertama muncul di tab

  20. media query berguna biar jadi responsif

    Aku responsif lo!!?

  21. Supaya gambar responsif,jaddiin max-wisth nya 100%(biar seukuran sama kontainer) dan heightnya auto(biar scalenya otomatis)

    freecodecamp sticker

  22. Buat ngebantu yg retina(apple) biar gambarnya gak pecah,atur width dan height di layar hanya setengah dari ukuran aslinya

    Camperbot says hi

  23. Supaya rsponsif juga, ukurannya pake yg relatif ke vw(viewport width),vh(viewport height),vmin(h/w yg min),vmax(w/h max). 1vw=1% lebar si viewport

    Aku pake yg vwidth................................................................................

  24. kalo mau bikin flex. Pro: bisa diexpand dan shrink. mirip mirip inline element lah entar

    Intinya ini tuh kek autofill gitu, ada 4 kolom, isi yg pertama dulu

    Flex juga ada arahnya,bisa jadi row/column

  25. Bisa juga flex nya dijadiin kolom

Back

Next