{"id":11268,"date":"2015-07-02T00:00:00","date_gmt":"2015-07-02T00:00:00","guid":{"rendered":"https:\/\/binus.ac.id\/binus-digital\/2015\/07\/02\/binus-css-framework\/"},"modified":"2024-09-24T02:20:30","modified_gmt":"2024-09-24T02:20:30","slug":"binus-css-framework","status":"publish","type":"post","link":"https:\/\/binus.ac.id\/binus-digital\/2015\/07\/02\/binus-css-framework\/","title":{"rendered":"BINUS CSS Framework"},"content":{"rendered":"<p>Mendengar kata <a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">Bootstrap<\/a> pastinya para Frontend Developer sudah tidak asing lagi dengan nama tersebut.\u00a0<a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">Twitter Bootstrap<\/a> ini adalah sebuah framework HTML-CSS yang digunakan untuk membantu atau memudahkan para Frontend Developer untuk membuat <em>layout<\/em> sebuah halaman baik yang <em>responsive<\/em> maupun yang <em>non-responsive<\/em>. Sudah banyak website yang memakai Twitter Bootstrap ini sebagai <em>framework-<\/em>nya, contohnya bisa dilihat di\u00a0<a href=\"http:\/\/expo.getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/expo.getbootstrap.com\/<\/a>.<\/p>\n<p><a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">Twitter Bootstrap<\/a> ini menjadi inspirasi tim DMD dalam pembuatan <em>frontend<\/em> untuk aplikasi di BINA NUSANTARA\u00a0yaitu <strong>BINUS CSS Framework<\/strong>. Di BINUS, CSS\u00a0Framework\u00a0tersebut tidak memakai <a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">Twitter Bootstrap<\/a> sebagai <em>framework<\/em>-nya, tetapi dibuat ulang sesuai kebutuhan aplikasi dan\u00a0juga disesuaikan desainnya baik <em>layout<\/em> maupun komponennya dengan standar desain yang ada di BINUS (<em>Corporate Identity<\/em>). Jadi tim DMD hanya mengambil konsep yang ada di Bootstrap saja tanpa memakai produk <a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">Twitter Bootstrap<\/a> itu sendiri.<\/p>\n<p>Tujuan dibuatnya BINUS CSS Framework\u00a0ini\u00a0sama dengan <a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">Twitter Bootstrap<\/a> yaitu memudahkan untuk membuat <em>layout<\/em>. Bedanya kalau <a href=\"http:\/\/getbootstrap.com\/\" target=\"_blank\" rel=\"noopener\">Twitter Bootstrap<\/a> untuk semua orang, sedangkan BINUS CSS Framework\u00a0hanya untuk <em>Frontend Developer<\/em> di BINUS saja.<\/p>\n<p>Untuk demo dari BINUS CSS Framework\u00a0ini, tidak dapat diakses\u00a0oleh sembarang orang karena takut disalahgunakan untuk kepentingan lain. Namun akan saya tampilkan beberapa halaman dan komponen penting yang terdapat pada BINUS CSS Framework ini. Berikut contohnya:<\/p>\n<p><strong>01. Halaman\u00a0<em>Login<\/em><\/strong><\/p>\n<p><a href=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2015\/06\/login.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-1674 size-full\" src=\"http:\/\/dmd.binus.ac.id\/wp-content\/blogs.dir\/1\/files\/2015\/06\/login.jpg\" alt=\"login\" width=\"640\" height=\"479\" \/><br \/>\n<\/a>Halaman <em>login<\/em> disamakan\u00a0desainnya dengan yang ada pada halaman <em>login<\/em> website <a href=\"http:\/\/binus.ac.id\" target=\"_blank\" rel=\"noopener\">binus.ac.id<\/a>.<\/p>\n<p> <a href=\"https:\/\/binus.ac.id\/knowledge\/2015\/07\/binus-css-framework\/#more-1670\" class=\"more-link\"><span aria-label=\"Continue reading BINUS CSS Framework\">(more&hellip;)<\/span><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mendengar kata Bootstrap pastinya para Frontend Developer sudah tidak asing lagi dengan nama tersebut.\u00a0Twitter Bootstrap ini adalah sebuah framework HTML-CSS yang digunakan untuk membantu atau memudahkan para Frontend Developer untuk membuat layout sebuah halaman baik yang responsive maupun yang non-responsive. Sudah banyak website yang memakai Twitter Bootstrap ini sebagai framework-nya, contohnya bisa dilihat di\u00a0http:\/\/expo.getbootstrap.com\/. Twitter [&hellip;]<\/p>\n","protected":false},"author":20,"featured_media":11269,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77],"tags":[],"class_list":["post-11268","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/comments?post=11268"}],"version-history":[{"count":1,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11268\/revisions"}],"predecessor-version":[{"id":12011,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/posts\/11268\/revisions\/12011"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media\/11269"}],"wp:attachment":[{"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/media?parent=11268"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/categories?post=11268"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/binus.ac.id\/binus-digital\/wp-json\/wp\/v2\/tags?post=11268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}