{"id":4677,"date":"2021-03-25T07:02:53","date_gmt":"2021-03-25T07:02:53","guid":{"rendered":"https:\/\/www.hostnic.id\/blog\/?p=4677"},"modified":"2021-03-25T07:02:53","modified_gmt":"2021-03-25T07:02:53","slug":"rekomendasi-css-framework-terbaik","status":"publish","type":"post","link":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/","title":{"rendered":"Rekomendasi CSS Framework Terbaik"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Jika pada artikel sebelumnya, kita sudah berkenalan dengan <a href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/mengenal-apa-itu-framework-serta-fungsinya\/\">Apa itu Framework serta Fungsinya<\/a> untuk memudahkan programmer dalam pembuatan sebuah website dan aplikasi. Kali ini kami akan memberikan beberapa rekomendasi CSS Framework Terbaik yang bisa Anda gunakan.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Berikut adalah rekomendasi CSS Framework :\u00a0<\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_75 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar Isi<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69f40e7a782ef\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f40e7a782ef\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#1_Bootstrap\" >1. Bootstrap<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#2_Bulma\" >2. Bulma<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#3_Foundation\" >3. Foundation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#4_Semantic_UI\" >4. Semantic UI<\/a><\/li><\/ul><\/nav><\/div>\n<h4><span class=\"ez-toc-section\" id=\"1_Bootstrap\"><\/span><strong>1. Bootstrap<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400\">Bootstrap merupakan salah satu jenis CSS framework yang paling populer. Banyak programmer yang memilih untuk menggunakan Bootstrap di karena menawarkan banyak fungsi dan elemen desain yang responsif. Bootstrap juga merupakan framework pertama yang meluncurkan filosofi \u201cMobile-First\u201d. Filosofi ini muncul mengingat tingginya jumlah pengguna mobile sehingga apapun jenis elemen yang dipilih, akan otomatis menyesuaikan ukuran layar handphone.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Fitur unggulan dari Bootstrap antara lain :\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Desain responsif<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Memiliki banyak fitur<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Cocok untuk pemula<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Punya komunitas yang besar<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Dapat dukungan LESS dan SASS<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Flexbox<\/span><\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"2_Bulma\"><\/span><strong>2. Bulma<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400\">Bulma masih terbilang baru, namun sudah banyak yang tertarik untuk menggunakannya. Salah satu daya tariknya terdapat pada penggunaannya yang mudah dan responsif serta kinerja yang optimal di semua perangkat. Fitur unggulannya antara lain :<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">CSS class yang mudah terbaca<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Murni CSS tanpa JavaScript<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Punya Komunitas yang besar<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Berbasis flexbox<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Didukung dengan SASS<\/span><\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"3_Foundation\"><\/span><strong>3. Foundation<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400\">Foundation merupakan Framework yang menawarkan berbagai elemen modern, fleksibel dan mudah dikustomisasi. Foundation menawarkan berbagai template siap pakai melalui desain-desainnya yang berkelas. Beberapa perusahaan ternama menggunakannya seperti Amazon, Mozilla, Adobe dan lainnya diketahui menggunakan Foundation untuk di beberapa produk mereka. Fitur unggulannya antara lain :\u00a0<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Desain yang responsif<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Framework email yang mumpuni<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Unlimited support dan update<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Mudah untuk kustomisasi<\/span><\/li>\n<\/ul>\n<h4><span class=\"ez-toc-section\" id=\"4_Semantic_UI\"><\/span><strong>4. Semantic UI<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><span style=\"font-weight: 400\">Semantic UI adalah salah satu framework CSS yang berfokus pada penggunaan human-friendly HTML dimana salah satu fungsinya adalah memudahkan developer pemula membangun desain front-end dengan kekinian. Framework ini juga kaya akan fitur dan elemen desainnya yang responsif. Dengan terdapat 3000+ variabel tema dan 50.000+ komponen User Interface (UI).\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Fitur unggulnya antara lain:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Penulisan class yang mudah<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Kaya akan variabel tema dan komponen UI<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Kode JavaScript yang intuitif<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Jika pada artikel sebelumnya, kita sudah berkenalan dengan Apa itu Framework serta Fungsinya untuk memudahkan programmer dalam pembuatan sebuah website dan aplikasi. Kali ini kami akan memberikan beberapa rekomendasi CSS Framework Terbaik yang bisa Anda gunakan.\u00a0 Berikut adalah rekomendasi CSS Framework :\u00a0 1. Bootstrap Bootstrap merupakan salah satu jenis CSS framework yang paling populer. Banyak [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":4678,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[82],"tags":[590,591,592,589,588],"class_list":["post-4677","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-bootstrap-framework","tag-bulma-css","tag-foundation-css","tag-fungsi-css-framework","tag-semantic-ui"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Rekomendasi CSS Framework Terbaik - Hostnic.id<\/title>\n<meta name=\"description\" content=\"Jika pada artikel sebelumnya, kita sudah berkenalan dengan Apa itu Framework serta Fungsinya. Kali ini kita akan membahas tentang rekomendasi CSS Framework\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rekomendasi CSS Framework Terbaik - Hostnic.id\" \/>\n<meta property=\"og:description\" content=\"Jika pada artikel sebelumnya, kita sudah berkenalan dengan Apa itu Framework serta Fungsinya. Kali ini kita akan membahas tentang rekomendasi CSS Framework\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostnic.id\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-25T07:02:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2480\" \/>\n\t<meta property=\"og:image:height\" content=\"2480\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Monic\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Monic\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/\"},\"author\":{\"name\":\"Monic\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"headline\":\"Rekomendasi CSS Framework Terbaik\",\"datePublished\":\"2021-03-25T07:02:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/\"},\"wordCount\":304,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1985597.jpg?fit=2480%2C2480&ssl=1\",\"keywords\":[\"bootstrap framework\",\"bulma css\",\"foundation css\",\"fungsi css framework\",\"semantic ui\"],\"articleSection\":[\"Website\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/\",\"name\":\"Rekomendasi CSS Framework Terbaik - Hostnic.id\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1985597.jpg?fit=2480%2C2480&ssl=1\",\"datePublished\":\"2021-03-25T07:02:53+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\"},\"description\":\"Jika pada artikel sebelumnya, kita sudah berkenalan dengan Apa itu Framework serta Fungsinya. Kali ini kita akan membahas tentang rekomendasi CSS Framework\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1985597.jpg?fit=2480%2C2480&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/1985597.jpg?fit=2480%2C2480&ssl=1\",\"width\":2480,\"height\":2480,\"caption\":\"CSS Framework\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/tutorial\\\/website\\\/rekomendasi-css-framework-terbaik\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rekomendasi CSS Framework Terbaik\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\",\"name\":\"hostnic.id\",\"description\":\"Info, Tips dan Tutorial Seputar Layanan Hostnic\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/07d47eecbbce5d998aaf01aa209cb5b2\",\"name\":\"Monic\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g\",\"caption\":\"Monic\"},\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/author\\\/blog-writer\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rekomendasi CSS Framework Terbaik - Hostnic.id","description":"Jika pada artikel sebelumnya, kita sudah berkenalan dengan Apa itu Framework serta Fungsinya. Kali ini kita akan membahas tentang rekomendasi CSS Framework","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/","og_locale":"id_ID","og_type":"article","og_title":"Rekomendasi CSS Framework Terbaik - Hostnic.id","og_description":"Jika pada artikel sebelumnya, kita sudah berkenalan dengan Apa itu Framework serta Fungsinya. Kali ini kita akan membahas tentang rekomendasi CSS Framework","og_url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/","og_site_name":"Hostnic.id","article_published_time":"2021-03-25T07:02:53+00:00","og_image":[{"width":2480,"height":2480,"url":"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg","type":"image\/jpeg"}],"author":"Monic","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Monic","Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#article","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/"},"author":{"name":"Monic","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"headline":"Rekomendasi CSS Framework Terbaik","datePublished":"2021-03-25T07:02:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/"},"wordCount":304,"commentCount":0,"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=2480%2C2480&ssl=1","keywords":["bootstrap framework","bulma css","foundation css","fungsi css framework","semantic ui"],"articleSection":["Website"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/","url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/","name":"Rekomendasi CSS Framework Terbaik - Hostnic.id","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#primaryimage"},"image":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=2480%2C2480&ssl=1","datePublished":"2021-03-25T07:02:53+00:00","author":{"@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2"},"description":"Jika pada artikel sebelumnya, kita sudah berkenalan dengan Apa itu Framework serta Fungsinya. Kali ini kita akan membahas tentang rekomendasi CSS Framework","breadcrumb":{"@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#primaryimage","url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=2480%2C2480&ssl=1","contentUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=2480%2C2480&ssl=1","width":2480,"height":2480,"caption":"CSS Framework"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnic.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Rekomendasi CSS Framework Terbaik"}]},{"@type":"WebSite","@id":"https:\/\/www.hostnic.id\/blog\/#website","url":"https:\/\/www.hostnic.id\/blog\/","name":"hostnic.id","description":"Info, Tips dan Tutorial Seputar Layanan Hostnic","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostnic.id\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/07d47eecbbce5d998aaf01aa209cb5b2","name":"Monic","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/618c16e73ff4b8611ffef11074c3fc0cd2557bbef47ecbcce803b2dd1b3e7284?s=96&d=mm&r=g","caption":"Monic"},"url":"https:\/\/www.hostnic.id\/blog\/author\/blog-writer\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=2480%2C2480&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8D2mv-1dr","jetpack-related-posts":[{"id":4738,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/bootstrap\/mengenal-apa-itu-bootstrap-serta-keunggulannya\/","url_meta":{"origin":4677,"position":0},"title":"Mengenal Apa Itu Bootstrap Serta Keunggulannya","author":"Monic","date":"2021-04-06","format":false,"excerpt":"Pada artikel sebelumnya kita sudah membahas tentang Rekomendasi CSS Framework Terbaik dimana salah satu rekomendasinya adalah Bootstrap. Pengertian Framework sendiri adalah sebuah software yang bertujuan untuk memudahkan para developer atau programer dalam tahap membuat sebuah aplikasi atau website.\u00a0 Lantas, Apa Itu Bootstrap? Bagi sebagian depelover atau programming pasti sudah tidak\u2026","rel":"","context":"dalam &quot;Bootstrap&quot;","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"Apa Itu Bootstrap","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/1953377.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":4674,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/mengenal-apa-itu-framework-serta-fungsinya\/","url_meta":{"origin":4677,"position":1},"title":"Mengenal Apa itu Framework Serta Fungsinya","author":"Monic","date":"2021-03-25","format":false,"excerpt":"Bagi seorang programmer pastilah sudah tidak asing lagi dengan Framework. Namun, bagi sebagian besar pemula mungkin akan bingung bahkan belum mengerti betul tentang apa itu framework. Jika bahasa koding maka mungkin sebagian besar sudah pernah mendengar hingga tahu jenis dan macam-macamnya. Nah, kali ini kita akan berkenalan dengan Apa itu\u2026","rel":"","context":"dalam &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"pengertian user interface","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1637199.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":4745,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/bootstrap\/kelebihan-dan-kekurangan-bootstrap\/","url_meta":{"origin":4677,"position":2},"title":"Kelebihan dan Kekurangan Bootstrap","author":"Monic","date":"2021-04-07","format":false,"excerpt":"Pada artikel sebelumnya, kita sudah Mengenal Apa Itu Bootstrap Serta Keunggulannya. Dimana pengertian bootstrap adalah framework CSS yang dibuat khusus untuk mempermudah dan mempercepat dalam pengembangan front end sebuah website. Banyak alasan mengapa bootstrap menjadi salah satu framework yang cukup populer dan paling banyak digunakan oleh para developer.\u00a0 Berikut adalah\u2026","rel":"","context":"dalam &quot;Bootstrap&quot;","block_context":{"text":"Bootstrap","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/bootstrap\/"},"img":{"alt_text":"kelebihan dan kekurangan bootstrap","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/bootstrap.jpg?fit=813%2C629&ssl=1%3Fv%3D1617766983&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/bootstrap.jpg?fit=813%2C629&ssl=1%3Fv%3D1617766983&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/bootstrap.jpg?fit=813%2C629&ssl=1%3Fv%3D1617766983&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/04\/bootstrap.jpg?fit=813%2C629&ssl=1%3Fv%3D1617766983&resize=700%2C400 2x"},"classes":[]},{"id":3805,"url":"https:\/\/www.hostnic.id\/blog\/berita\/framework-css-untuk-tampilan-website\/","url_meta":{"origin":4677,"position":3},"title":"Framework CSS Untuk Tampilan Website","author":"Nanda Anubis","date":"2020-08-01","format":false,"excerpt":"Berikut ini adalah Framework CSS alternatif yang mungkin cocok untuk tampilan website kalian. Check it out! Spectre CSS Framework ini dibilang masih cukup baru, namun telah memiliki cukup banyak penggemar. Secara basis, framework ini berukuran cukup kecil. Bahkan ketika dilakukan uji coba dengan melakukan bundling menggunakan webpack bundler tanpa konfigurasi\u2026","rel":"","context":"dalam &quot;Berita&quot;","block_context":{"text":"Berita","link":"https:\/\/www.hostnic.id\/blog\/.\/berita\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?fit=554%2C312&ssl=1%3Fv%3D1596344556&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?fit=554%2C312&ssl=1%3Fv%3D1596344556&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?fit=554%2C312&ssl=1%3Fv%3D1596344556&resize=525%2C300 1.5x"},"classes":[]},{"id":7137,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/menguasai-framework-css-untuk-desain-web-yang-mengagumkan\/","url_meta":{"origin":4677,"position":4},"title":"Menguasai Framework CSS untuk Desain Web yang Mengagumkan","author":"Monic","date":"2023-09-13","format":false,"excerpt":"Pendahuluan Sahabat Hostnic! Apa kabar sahabat semua? Semoga sehat selalu dan dalam keadaan baik. Pada kesempatan kali ini, kita akan membahas tentang pentingnya menguasai framework CSS dalam desain web. Framework CSS adalah kumpulan aturan dan gaya yang telah diprogram sebelumnya, yang memudahkan pengembang web dalam merancang dan mengatur tampilan suatu\u2026","rel":"","context":"dalam &quot;Tutorial&quot;","block_context":{"text":"Tutorial","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/"},"img":{"alt_text":"framework css","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/programming-background-collage_2.jpg?fit=740%2C484&ssl=1%3Fv%3D1694581076&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/programming-background-collage_2.jpg?fit=740%2C484&ssl=1%3Fv%3D1694581076&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/programming-background-collage_2.jpg?fit=740%2C484&ssl=1%3Fv%3D1694581076&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/programming-background-collage_2.jpg?fit=740%2C484&ssl=1%3Fv%3D1694581076&resize=700%2C400 2x"},"classes":[]},{"id":7123,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-front-end-bootstrap-membangun-antarmuka-yang-menarik\/","url_meta":{"origin":4677,"position":5},"title":"Framework Front-End Bootstrap: Membangun Antarmuka yang Menarik","author":"Monic","date":"2023-09-12","format":false,"excerpt":"Hostnic.id -\u00a0Halo pembaca yang budiman! Bagaimana kabar kalian? Semoga kalian semua dalam keadaan baik-baik saja. Kali ini, kita akan membahas tentang Framework Front-End Bootstrap: Membangun Antarmuka yang Menarik. Bootstrap merupakan salah satu framework yang populer di dunia pengembangan website. Dengan Bootstrap, kita dapat dengan mudah membuat antarmuka yang menarik dan\u2026","rel":"","context":"dalam &quot;Teknologi&quot;","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"Framework Front-End Bootstrap: Membangun Antarmuka yang Menarik","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/B.png?fit=1190%2C619&ssl=1%3Fv%3D1694532838&resize=1050%2C600 3x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4677","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/comments?post=4677"}],"version-history":[{"count":1,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4677\/revisions"}],"predecessor-version":[{"id":4679,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/4677\/revisions\/4679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media\/4678"}],"wp:attachment":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media?parent=4677"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/categories?post=4677"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/tags?post=4677"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}