Amdhas Chromatic

31 Komentar

• adetruna

  2012-03-11 at 19:37

  blogizinist senantiasa menyajikan artikel yang pembaca awam takmengerti tapi bisa menikmati keanehannya, saya contohnya :)
• Mas Jamal

  2012-03-11 at 19:38

  Nyerah saya mas. Meskipun CTRL+U tetap nggak dapat. Masih belajar soal CSS masalahnya…
• kimzigr

  2012-03-11 at 19:38

  behh kl cuma liat aj 100% ya mas selectornya 4
  • amdhas

    2012-03-11 at 19:41

    Salah ente kim selectornya bukan 4 dan besar grid bukan 100%. Ayo di raba lagi.
    • kimzigr

      2012-03-11 at 19:42

      50% jadi dua itu haha cuma raba ini gak pke control u
      • amdhas

        2012-03-11 at 19:45

        Oke siip, sederhana kan? bisa sampai 28 kolom bahkan 100 kolom.
• kimzigr

  2012-03-11 at 19:40

  ehh di bagi 2 ya mas?haha
• kimzigr

  2012-03-11 at 19:48

  cara columnal yg saya pke di stun7.tk aja 100% mas, ntar mo otak2 hehe
  • amdhas

    2012-03-11 at 19:53

    Klo untuk row pasti bisa 100%, tapi klo di dalam grid lain lagi masing2 besarnya.
    • kimzigr

      2012-03-11 at 19:59

      kl cara kayak gini didalam grid dah ditentukan 50 harus masuk kedalam class dan seterus nya kan mas?
      • amdhas

        2012-03-11 at 20:04

        Yaps seperti itu, baiknya dengan tag HTML5 section yang di berikan division di dalamnya. Jadi sederhana saja kan.

        Misal row itu 100 persen, klo gridnya bisa jadi banyak. But, harus berurut. Atau dengan teori meyers dengan selector no. Mentah kode di atas adalah:

        .setengah{
        width:50%;
        margin:0;
        display:inline;
        float:left;
        }
        .setengah+.setengah
        {
        background:#ddd;
        color:#222;
        }
        

        Hehehe, selectornya cuma .setengah
• kimzigr

  2012-03-11 at 20:10

  nah dari tadi saya belum tekan kontrol u ternyata selectornya cuma satu kan… saya dah kira td, ini cara meyers yg mas drop di celoteh.
  basic banget hehe…
  • amdhas

    2012-03-11 at 20:17

    heheh, kejawab juga..cuma satu selector bisa jadi 28 kolom sampai 100 kolom. Basic tapi bisa di kira banyak CSSnya padahal ga sampe 1kb..hehehe.

    Mantap kim ente bisa raba tanpa ctrl+u dan memang ga usah ctrl+u, karena sudah terlihat dari element saja masing2 terbagi dua.

    Top abis ente kim..
    Thank’s a lot
    • kimzigr

      2012-03-11 at 20:43

      nah sebenernya td saya lihat dari lebar keseluruhan maknya saya menjawab 100% setelah saya perhatikan lagi dibagi 2 cara yg sama mas hen tetap lakukan yaitu permainan warna hanya itu2 saja, dan saya melihat dalam grid sebelah kiri, terus ke grid terkecil sepertinya sama. dan yg kanan pasti sama. sip mas salut juga buat mas Hendro hehehe
• iskandaria

  2012-03-11 at 21:42

  Yach, jangan buru-buru dibocorin lewat komentar dong bang :) Iya, saya dah nemu jawabannya tanpa lihat source-codenya. Keliatan kok dari lebar setiap grid yang separuh alias 50 % dari grid induknya. Mantap deh bang. Terkesan rumit, padahal simpel banget logikanya.
  • amdhas

    2012-03-11 at 23:31

    Iya mas IS. msalahnya waktu OL ane mepet buat ngeblog, besok gawe lagi. Klo buka kompi malahan maen game sama anak ane..hehe.

    Seperti itu memang mengikuti induknya di dalam tag section. Terkesan rumit padahal sangat simple, yang terlihat simple bisa jadi rumit.
• Taufik Nurrohman

  2012-03-11 at 22:13

  Cukup satu selektor. Misalnya .col
  Masing-masing elemen adalah bungkus dari elemen lain dengan lebar 50%:

  .col {
    width:50%;
    padding:30px 0px;
    text-align:center;
    display:inline-block;
    *display:inline;
  }
  

  <div class="col">
      <div class="col">
          <div class="col">
              <div class="col"></div>
          </div>
      </div>
      <div class="col">
          <div class="col">
              <div class="col"></div>
          </div>
      </div>
  </div>
  

  Terus menuju ke tengah, dan seterusnya-dan seterusnya.
  • amdhas

    2012-03-11 at 23:34

    ToP Abis..
    Ini yang ane suka dari Mas Taufik.
    Klo ane pembuka ane kasih section sebenarnya ga ngaruh mau section atau division.

    Siip.. dia terus menjalar dan terbelah sampai kecelah bagian terkecil.
• Uswah

  2012-03-11 at 22:17

  Waduh, pusing juga ya. Aku lihat source kodenya saja masih belum paham. Padahal dilihat CSSnya diembed sedikit.

  Hebat bang, sederhana tapi bisa berkembang. Wah, kalau sduah test PHP bang hendro mengerikan. CSS aja aku masih pusing.

  sudah sejam bang aku lihat kodenya tapi ga ngerti :)
  • amdhas

    2012-03-11 at 23:36

    wkwkwk, bisa sampe satu jam begitu kang. Terlihat rumit dari visual, sebenarnya simple saja.
    Ayo, raba lagi..
• BagiBagiBlog

  2012-03-11 at 23:23

  Hmm… terlihat rumit meski kodenya simpel..
  Tetep aja Ayas blum bisa nebak kalo gak lewat Ctrl-U.. Hwihihi
  Dan Bang Amdhas sendiri udah mbongkar kodenya tuh lewat komentnya Bang Kim!!
  PizZZ.
  • amdhas

    2012-03-11 at 23:39

    Ini yag suka ane singgung bahwa layout yang terlihat rumit belum tentu rumit, yang simple juga belum tentu simple.

    Klo bisa yang rumit di buat simple dan yang simple semakin di buat simple.
• yang penting share

  2012-03-12 at 00:41

  mesti ngintip kalo mau tau hihihi,maklum bang saya masih meraba2 kalo soal grid hehe
• BagiBagiBlog

  2012-03-12 at 00:44

  SETUUJUUU Bang!!!
  Kalo bisa dibikin simple ngapain diperumit!!
  Kalo yang rumit aja bisa simple….
  ^_^
  But Simple is easy, I Like it
• Aryan

  2012-03-12 at 10:14

  jadi bisa semudah itu ya bang, hhmmm.. waktu itu saya buat yg kaya gini pake 2 class, yg ini cuman 1 aja seepp mantab :D
• Pissblog

  2012-03-12 at 12:35

  wah, nyerah akhirnya saya ctrl+u. sebelumnya, saya berpikir grid dengan selector yang banyak, tapi setelah ctrl+u ternyata bang amdhas hanya memberikan satu selector. Sederhana yang sangat luar biasa.
• kidulratan.com

  2012-03-15 at 09:42

  saya pernah belajar css bos. susah banget ya kalau pemula seperti saya…. pertama kali berkunjung kesini bos… mampir ya ke blog saya
• Zainudin

  2012-03-16 at 00:37

  Saya jadi sedikit lebih mengerti. Terimakasih buat share nya.
• Syndicate OS

  2012-03-17 at 15:55

  <<< ngga paham ! =="
• Riky Rizkiyana

  2012-03-18 at 16:18

  Intinya setengah dibagi dua ya bang :D
• heru

  2012-03-20 at 09:03

  ohhh gitu *sok ngerti* :D