2014-02-04

Foundation - komen tentang pengganti Bootstrap -

berangkat dari pertanyaan berikut, saya berniat memberikan sedikit komen
Twitter bootstrap itu desainnya terlalu official style, ada yang lainnya gak yang lebih kinclong untuk tampilan produk komersial?
walau bilangnya sedikit, namun itu karena saya udah terlanjur pake bootstrap tetapi ngak menutup kemungkinan projek saya berikutnya pake ini. Sekedar info, anda dapat menekan linknya di judul yang kuberi di atas

Foundation

saat pertama kali masuk kesitusnya, saya melihat iklan mantap didepannya yaitu
The most advanced responsive front-end framework in the world.
tetapi kita tekan download membawa kita ke halaman download! Pada halaman ini kita seolah mengerti cara memakainya. Harusnya dia memberikan penjelasan cara pakai bukan langsung download dan memberikan tampilan basenya
untuk alamat memulainya bisa menekan 'getting started'. Tetapi disini seolah-olah mengajak untuk memakai foundation.. Kita bisa memakai SASS
Sass is a superset of CSS that adds in amazing features such as variables, nested selectors and loops. It's also the easiest way to customize Foundation!
sebenarnya saya tidak tertarik memakainya, tetapi saya bisa ignore ini. Tutorialnya sangat jelas namun sayang penempatan untuk penjelasan mungkin agak menyusahkan. Pertama saya coba download dan saya mendapatkan hanya FOUNDATION tanpa tutorial ?!?

Tutorial bisa didapat dengan membaca di site, namun ada sedikit kesulitan bila anda ingin membaca tetapi tidak ada koneksi internet! Dari penjelasan sangat singkat! Tetapi terlalu singkat! untuk contoh code berdampingan kiri-kanan dengan contoh. Masalahnya code yang ditulis itu sendiri sangat panjang hingga kamu harus scroll ke kanan. Berikut adalah menu yang bisa di masuki

  • SETUP
    • Getting Started
    • CSS
    • Sass
    • Applications
    • JavaScript
    • Global Styles
    • Upgrading
  • STRUCTURE
    • Media Queries
    • Visibility
    • Grid
    • Block Grid
    • Interchange Responsive Content JS
    • Thumbnails
    • Utility Classes
    • Right-to-Left Support
  • NAVIGATION
    • Offcanvas JS
    • Top Bar JS
    • Side Nav
    • Magellan Sticky Nav JS
    • Sub Nav
    • Breadcrumbs
    • Pagination
  • MEDIA
    • Orbit Slider JS
    • Clearing Lightbox JS
    • Flex Video
  • FORMS
    • Forms
    • Abide Validation JS
  • BUTTONS
    • Buttons
    • Button Groups
    • Split Buttons JS
    • Dropdown Buttons JS
  • TYPOGRAPHY
    • Type
    • Inline Lists
    • Labels
    • Keystrokes
  • CALLOUTS & PROMPTS
    • Reveal Modal JS
    • Alerts JS
    • Panels
    • Tooltips JS
    • Joyride JS
  • CONTENT
    • Dropdowns JS
    • Pricing Tables
    • Progress Bars
    • Tables
    • Accordion JS
    • Tabs JS
Kalau melihat dari semua coding, tampaknya Foundation ini akan cocok bila digabung dengan NODEJS, tetapi tidak menutup kemungkinan memakai html atau framework kesukaanmu. Sebenarnya bila kamu merasa kurang yakin dengan foundation, mulailah dengan membuat rancangan kasar.. ini bisa di kunjungi disini!

tetapi ada bagusnya masuk ke FAQ untuk mengetahui kenapa foundation kok terasa kaku. Mereka juga memahami bahwa ada yang tidak faham tentang cara pakai atau mengalami kesulitan! sehingga mereka sengaja membuat link ke stackoverflow sesuai dengan foundation

oh iya.. gylph yang ada di bootstrap terpisah pada foundation dan dapat di ambil disini sebenarnya di sini! Namun contoh yang diberikan sayangnya tidak ada! saat di klik more info hanya menjelaskan cara pakai bukan memasukkan data kedalam html itu juga. saat klik HTML kita akan mendapat html dari bentuk grid yang tersedia. Andai saja link ini ada di tulisan dalam geting started

sementara itu kita bisa mengambil table responsive di link yang lain dan masih berada di bendera zurb. Demikian juga dengan social icon (bootstrap ngak ada) dan UI tambahan

KESIMPULAN

Foundation mengakui dirinya kecil. dan bila anda ingin seperti bootstrap tidak bisa hanya download foundation saja! tetapi juga tambahan lain seperti gylph (icon kecil dari font), table, icon dan ui tambahan tidak digabung dalam foundation dan harus mengambil dari link lain yang masih satu bendera.

Untuk yang advance dan punya gaya coding web yang sulit berubah mungkin bisa memakai ini. Tetapi buat pemula akan sulit bila tidak di barengi pengetahuan CSS yang  ada. Tetapi bila yang ingin cepat dan tidak mau explore akan kesulitan dengan foundation!

Saat ini belum di check apakah akan bermasalah bila memakai ui (jquery). Karena biasanya beberapa ui bentrok satu dengan yang lain.

Tidak ada komentar: