{"id":3805,"date":"2020-08-01T04:53:28","date_gmt":"2020-08-01T04:53:28","guid":{"rendered":"https:\/\/www.hostnic.id\/blog\/?p=3805"},"modified":"2020-08-02T05:04:03","modified_gmt":"2020-08-02T05:04:03","slug":"framework-css-untuk-tampilan-website","status":"publish","type":"post","link":"https:\/\/www.hostnic.id\/blog\/berita\/framework-css-untuk-tampilan-website\/","title":{"rendered":"Framework CSS Untuk Tampilan Website"},"content":{"rendered":"

\"\"<\/p>\n

Berikut ini adalah Framework CSS alternatif yang mungkin cocok untuk tampilan website kalian. Check it out!<\/p>\n

    \n
  1. Spectre CSS<\/strong>
    \nFramework 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 cssnano maupun autoprefixer pada sisi webpack, Spectre hanya berukuran kurang lebih 30KB untuk seluruh fitur asli dan experimental Spectre.<\/li>\n
  2. Bulma<\/strong>
    \nFramework CSS berbasis Flexbox ini bisa dikatakan sedang menanjak popularitasnya. Bulma meyakini kebanyakan pengguna internet adalah dari mobile maka setiap layout maupun elemen lain yang ada pada Bulma dapat berjalan dan terlihat baik untuk website yang dibuka di mobile browser. Itulah salah satu Kelebihan kelebihan dari framework ini.<\/li>\n
  3. Mini.css<\/strong>
    \nSeperti dengan namanya Mini.css, Framework ini memang berukuran sangat kecil hanya berukuran 7KB. Akan tetapi jika ingin membangun website dengan bantuan framework seminimal mungkin, Mini.css mungkin akan tepat. Versi PWA dari mini.css hanya berukuran 5KB, dengan ukuran kecil tersebut tentu saja akan sangat cepat jika diload melalui mobile website.
    \nBeberapa fitur dasar dari Mini.css meliputi:
    \n\u2013 Grid
    \n\u2013 Navigasi
    \n\u2013 Input untuk Form
    \n\u2013 Tabel
    \n\u2013 Card
    \n\u2013 Tab
    \n\u2013 Contextual Styling Element
    \n\u2013 Progress
    \n\u2013 dan Utility semacam breadcrumb, maupun helper class<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    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 cssnano maupun autoprefixer pada sisi […]<\/p>\n","protected":false},"author":8,"featured_media":3806,"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_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},"jetpack_post_was_ever_published":false},"categories":[85,246,4,8,82],"tags":[],"class_list":["post-3805","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-berita","category-bootstrap","category-teknologi","category-tips","category-website"],"yoast_head":"\nFramework CSS Untuk Tampilan Website - Hostnic.id<\/title>\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\/teknologi\/framework-css-untuk-tampilan-website\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Framework CSS Untuk Tampilan Website - Hostnic.id\" \/>\n<meta property=\"og:description\" content=\"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 cssnano maupun autoprefixer pada sisi […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostnic.id\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-01T04:53:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-02T05:04:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?v=1596344556\" \/>\n\t<meta property=\"og:image:width\" content=\"554\" \/>\n\t<meta property=\"og:image:height\" content=\"312\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Nanda Anubis\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nanda Anubis\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/\"},\"author\":{\"name\":\"Nanda Anubis\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/94c8fb52dcf131c9c48f774bb0cf4b89\"},\"headline\":\"Framework CSS Untuk Tampilan Website\",\"datePublished\":\"2020-08-01T04:53:28+00:00\",\"dateModified\":\"2020-08-02T05:04:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/\"},\"wordCount\":203,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/css.png?fit=554%2C312&ssl=1?v=1596344556\",\"articleSection\":[\"Berita\",\"Bootstrap\",\"Teknologi\",\"Tips\",\"Website\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/\",\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/\",\"name\":\"Framework CSS Untuk Tampilan Website - Hostnic.id\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/css.png?fit=554%2C312&ssl=1?v=1596344556\",\"datePublished\":\"2020-08-01T04:53:28+00:00\",\"dateModified\":\"2020-08-02T05:04:03+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/#\\\/schema\\\/person\\\/94c8fb52dcf131c9c48f774bb0cf4b89\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/css.png?fit=554%2C312&ssl=1?v=1596344556\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/www.hostnic.id\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/css.png?fit=554%2C312&ssl=1?v=1596344556\",\"width\":554,\"height\":312},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/teknologi\\\/framework-css-untuk-tampilan-website\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Framework CSS Untuk Tampilan Website\"}]},{\"@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\\\/94c8fb52dcf131c9c48f774bb0cf4b89\",\"name\":\"Nanda Anubis\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f153245876f0c796972babfabe1cd8fe3a7c1eeab741d031a67d2c060e8691c3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f153245876f0c796972babfabe1cd8fe3a7c1eeab741d031a67d2c060e8691c3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f153245876f0c796972babfabe1cd8fe3a7c1eeab741d031a67d2c060e8691c3?s=96&d=mm&r=g\",\"caption\":\"Nanda Anubis\"},\"url\":\"https:\\\/\\\/www.hostnic.id\\\/blog\\\/author\\\/nanda\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Framework CSS Untuk Tampilan Website - Hostnic.id","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\/teknologi\/framework-css-untuk-tampilan-website\/","og_locale":"id_ID","og_type":"article","og_title":"Framework CSS Untuk Tampilan Website - Hostnic.id","og_description":"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 cssnano maupun autoprefixer pada sisi […]","og_url":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/","og_site_name":"Hostnic.id","article_published_time":"2020-08-01T04:53:28+00:00","article_modified_time":"2020-08-02T05:04:03+00:00","og_image":[{"width":554,"height":312,"url":"https:\/\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?v=1596344556","type":"image\/png"}],"author":"Nanda Anubis","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"Nanda Anubis","Estimasi waktu membaca":"1 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/#article","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/"},"author":{"name":"Nanda Anubis","@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/94c8fb52dcf131c9c48f774bb0cf4b89"},"headline":"Framework CSS Untuk Tampilan Website","datePublished":"2020-08-01T04:53:28+00:00","dateModified":"2020-08-02T05:04:03+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/"},"wordCount":203,"commentCount":0,"image":{"@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?fit=554%2C312&ssl=1?v=1596344556","articleSection":["Berita","Bootstrap","Teknologi","Tips","Website"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/","url":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/","name":"Framework CSS Untuk Tampilan Website - Hostnic.id","isPartOf":{"@id":"https:\/\/www.hostnic.id\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/#primaryimage"},"image":{"@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?fit=554%2C312&ssl=1?v=1596344556","datePublished":"2020-08-01T04:53:28+00:00","dateModified":"2020-08-02T05:04:03+00:00","author":{"@id":"https:\/\/www.hostnic.id\/blog\/#\/schema\/person\/94c8fb52dcf131c9c48f774bb0cf4b89"},"breadcrumb":{"@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/#primaryimage","url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?fit=554%2C312&ssl=1?v=1596344556","contentUrl":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?fit=554%2C312&ssl=1?v=1596344556","width":554,"height":312},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostnic.id\/blog\/teknologi\/framework-css-untuk-tampilan-website\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostnic.id\/blog\/"},{"@type":"ListItem","position":2,"name":"Framework CSS Untuk Tampilan Website"}]},{"@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\/94c8fb52dcf131c9c48f774bb0cf4b89","name":"Nanda Anubis","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/f153245876f0c796972babfabe1cd8fe3a7c1eeab741d031a67d2c060e8691c3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f153245876f0c796972babfabe1cd8fe3a7c1eeab741d031a67d2c060e8691c3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f153245876f0c796972babfabe1cd8fe3a7c1eeab741d031a67d2c060e8691c3?s=96&d=mm&r=g","caption":"Nanda Anubis"},"url":"https:\/\/www.hostnic.id\/blog\/author\/nanda\/"}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2020\/08\/css.png?fit=554%2C312&ssl=1?v=1596344556","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8D2mv-Zn","jetpack-related-posts":[{"id":4677,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/rekomendasi-css-framework-terbaik\/","url_meta":{"origin":3805,"position":0},"title":"Rekomendasi CSS Framework Terbaik","author":"Monic","date":"2021-03-25","format":false,"excerpt":"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\u2026","rel":"","context":"dalam "Website"","block_context":{"text":"Website","link":"https:\/\/www.hostnic.id\/blog\/.\/tutorial\/website\/"},"img":{"alt_text":"CSS Framework","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.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\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2021\/03\/1985597.jpg?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":7137,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/menguasai-framework-css-untuk-desain-web-yang-mengagumkan\/","url_meta":{"origin":3805,"position":1},"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 "Tutorial"","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":4745,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/bootstrap\/kelebihan-dan-kekurangan-bootstrap\/","url_meta":{"origin":3805,"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 "Bootstrap"","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":7127,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/explorasi-framework-front-end-memahami-konsep-dan-contohnya\/","url_meta":{"origin":3805,"position":3},"title":"Explorasi Framework Front-End: Memahami Konsep Dan Contohnya","author":"Monic","date":"2023-09-13","format":false,"excerpt":"Hostnic.id -\u00a0Halo pembaca! Bagaimana kabar kalian? Kami harap semuanya dalam keadaan baik-baik saja. Artikel ini akan membahas tentang Explorasi Framework Front-End: Memahami Konsep dan Contohnya. Kami sangat senang bisa berbagi pengetahuan dan pengalaman kami dengan kalian. Mari kita mulai dengan pemahaman dasar tentang apa itu framework front-end. Jangan lupa untuk\u2026","rel":"","context":"dalam "Teknologi"","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"Explorasi Framework Front-End: Memahami Konsep Dan Contohnya","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FTE.png?fit=892%2C492&ssl=1%3Fv%3D1694611310&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FTE.png?fit=892%2C492&ssl=1%3Fv%3D1694611310&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FTE.png?fit=892%2C492&ssl=1%3Fv%3D1694611310&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FTE.png?fit=892%2C492&ssl=1%3Fv%3D1694611310&resize=700%2C400 2x"},"classes":[]},{"id":4738,"url":"https:\/\/www.hostnic.id\/blog\/tutorial\/website\/bootstrap\/mengenal-apa-itu-bootstrap-serta-keunggulannya\/","url_meta":{"origin":3805,"position":4},"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 "Bootstrap"","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":7125,"url":"https:\/\/www.hostnic.id\/blog\/teknologi\/best-frontend-framework-2023-temukan-framework-front-end-terbaik\/","url_meta":{"origin":3805,"position":5},"title":"Best Frontend Framework 2023: Temukan Framework Front-End Terbaik","author":"Monic","date":"2023-09-13","format":false,"excerpt":"Hostnic.id - -Halo pembaca yang terhormat, bagaimana kabar kalian? Kami harap semuanya dalam keadaan baik-baik saja. Pada kesempatan kali ini, kami ingin berbicara tentang kerangka kerja frontend terbaik tahun 2023. Mari kita mulai perjalanan ini dengan memperkenalkan beberapa pilihan terkini yang bisa membantu meningkatkan pengalaman pengembangan website dan aplikasi kita.\u2026","rel":"","context":"dalam "Teknologi"","block_context":{"text":"Teknologi","link":"https:\/\/www.hostnic.id\/blog\/.\/teknologi\/"},"img":{"alt_text":"Best Frontend Framework 2023: Temukan Framework Front-End Terbaik","src":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FW-1.png?fit=1031%2C538&ssl=1%3Fv%3D1694611051&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FW-1.png?fit=1031%2C538&ssl=1%3Fv%3D1694611051&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FW-1.png?fit=1031%2C538&ssl=1%3Fv%3D1694611051&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.hostnic.id\/blog\/wp-content\/uploads\/2023\/09\/FW-1.png?fit=1031%2C538&ssl=1%3Fv%3D1694611051&resize=700%2C400 2x"},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3805","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/comments?post=3805"}],"version-history":[{"count":3,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3805\/revisions"}],"predecessor-version":[{"id":3809,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/posts\/3805\/revisions\/3809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media\/3806"}],"wp:attachment":[{"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/media?parent=3805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/categories?post=3805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostnic.id\/blog\/wp-json\/wp\/v2\/tags?post=3805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}