Sedikit Tips untuk Responsive Web Design

Discussion in 'HTML & Website Design' started by Fahmi, May 11, 2013.

  1. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    Responsive Web Design #RWD .. adalah optimalisasi view untuk user experience yang paling terbaik, saat ini banyak sekali web/blog yang sudah support responsive design. mungkin ini sedikit hasil pencarian saya untuk mendukung komponen2 RWD :

    1. Typograph : FitText http://fittextjs.com/
    2. Image : Adaptive Images http://adaptive-images.com/
    3. Video : CSS: Elastic Videos http://webdesignerwall.com/tutorials/css-elastic-videos

    4. Navigasi : Responsive Nav http://responsive-nav.com/
    5. Multimedia Galery : Magnific Popup http://dimsemenov.com/plugins/magnific-popup/
    nah berikut akan membuat komponen2 berjalan oke dengan setting RWD :D
    Semoga bermanfaat. *peace*
     
  2. cayun

    cayun Member

    Joined:
    Feb 5, 2013
    Messages:
    661
    Likes Received:
    27
    Trophy Points:
    28
    Pengen banget bisa ngedesign

    Pengen banget bisa ngedesign blog supya responsive, apa daya aku tak sanggup *depresi2*
     
  3. samuel

    samuel Member

    Joined:
    Feb 5, 2013
    Messages:
    478
    Likes Received:
    15
    Trophy Points:
    18
    Google+:
    belum ngerti sama sekali

    belum ngerti sama sekali tentang beginian *kesepian*
     
  4. maxmanroe

    maxmanroe Member

    Joined:
    Feb 18, 2013
    Messages:
    353
    Likes Received:
    29
    Trophy Points:
    28
    Google+:
    Ku tak sanggup dengan semua

    Ku tak sanggup dengan semua coding itu *kalah*
     
  5. wphoet

    wphoet You'll Never Walk Alone

    Joined:
    Feb 19, 2013
    Messages:
    1,149
    Likes Received:
    142
    Trophy Points:
    63
    Google+:
    sering lihat bnyk yg sdh

    sering lihat bnyk yg sdh pakai RWD, cuma mau ikutan tapi gk ngerti mau mulai dri mana *ketawa4* *mati*
     
  6. Fahmi

    Fahmi Newbie

    Joined:
    Dec 5, 2012
    Messages:
    1,719
    Likes Received:
    159
    Trophy Points:
    63
    Google+:
    alhamdulillah saya jg masih

    alhamdulillah saya jg masih blom bisa *peace* lagi belajar aja ini dikit-dikit
     
  7. sakaji

    sakaji Member

    Joined:
    Mar 13, 2013
    Messages:
    165
    Likes Received:
    2
    Trophy Points:
    18
    ampun dah kalau sudah

    ampun dah kalau sudah persoalan coding, saya nyerah. 3 tahun belajar hasilnya nihil.
     
  8. adheens

    adheens Member

    Joined:
    Feb 5, 2013
    Messages:
    334
    Likes Received:
    41
    Trophy Points:
    28
    Google+:
    Kalo urusannya udah Coding

    Kalo urusannya udah Coding ane numpang nyimak aja dech *ketawa3*
     
  9. Ardilas

    Ardilas Super Level

    Joined:
    Feb 18, 2013
    Messages:
    4,243
    Likes Received:
    317
    Trophy Points:
    83
    Google+:
    Masa sih.. dari beberapa

    Masa sih.. dari beberapa member Bersosial ini gak ada yang ahli RWD? Padahal dulu saya gak perna belajar RWD, tapi sekarang kok lupa ya?
     
  10. Dan

    Dan Forum Bot

    Joined:
    Dec 4, 2012
    Messages:
    1,316
    Likes Received:
    257
    Trophy Points:
    83
    Google+:
    Responsive Design paling

    Responsive Design paling mudah pakai media queries. Forum ini juga menggunakan media queries.
     
  11. foxydiba

    foxydiba Member

    Joined:
    May 7, 2013
    Messages:
    272
    Likes Received:
    19
    Trophy Points:
    18
    Saya terima jadi aja, kalo

    Saya terima jadi aja, kalo belajar coding ntar urusan rumah tangga terbengkalai
     
  12. OAXER

    OAXER Member

    Joined:
    Dec 6, 2012
    Messages:
    250
    Likes Received:
    9
    Trophy Points:
    18
    Sebetulnya hanya ngoprek CSS

    Sebetulnya hanya ngoprek CSS aja udah bisa bikin #RWD ..
    intinya satuan unitnya pake persen ( % ).
    kuncinya adalah max-width =< width
    lebih baik lagi kalo pake thema yang suport RWD juga ..
     
  13. Damzaky

    Damzaky New Member

    Joined:
    Dec 8, 2013
    Messages:
    25
    Likes Received:
    0
    Trophy Points:
    6
    RWD bisa diterapkan tanpa

    RWD bisa diterapkan tanpa media queries, dengan cara klasik pun bisa, seperti menggunakan % dan auto, apabila suatu element sudah menggunakan value: %, jangan pernah set margin atau padding yang bersangkutan menggunakan % atau pixel juga, itu akan membuat element melewati batas, tetapi hal itu bisa diatasi dengan CSS3: box-sizing: border-box; :D
     
  14. bloggerdiscuss

    bloggerdiscuss New Member

    Joined:
    Dec 16, 2013
    Messages:
    39
    Likes Received:
    0
    Trophy Points:
    6
    Good Resources, Thank's Mas

    Good Resources, Thank's Mas Fahmi
     
  15. KBlogger

    KBlogger New Member

    Joined:
    Mar 7, 2014
    Messages:
    68
    Likes Received:
    0
    Trophy Points:
    6
    Alhamdulilah saya sudah RWD,

    gak pamer ya, hehehe
     
  16. iska

    iska New Member

    Joined:
    Mar 13, 2014
    Messages:
    28
    Likes Received:
    0
    Trophy Points:
    6
    Google+:
    cara bikin tampilan responsive

    gampang kug mas bikin tampilan responsive, saya sudah share tutorialnya di https://www.bersosial.com/topic/6956/share-cara-mudah-membuat-tampilan-website-responsive
     
  17. jualabon

    jualabon New Member

    Joined:
    Feb 19, 2014
    Messages:
    81
    Likes Received:
    0
    Trophy Points:
    6
    Google+:
    Beberapa bulan lagi deh Gan,

    Beberapa bulan lagi deh Gan, ane ikut belajar ini.
     
  18. Devita

    Devita Active Member

    Joined:
    Oct 11, 2014
    Messages:
    1,196
    Likes Received:
    43
    Trophy Points:
    48
    Google+:
    Ijin nyimak den, tahap belajar.
     
  19. Syarief H

    Syarief H New Member

    Joined:
    Jan 21, 2015
    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Pengen nyoba desain web, tapi masih belum paham caranya *kesepian*
     
Loading...

Share This Page