Macam-macam framework #part4

-

 4. Framework CSS 

Bootstrap


Bootstrap pertama kali dibuat oleh seorang desainer dan developer Twitter pada tahun 2011. Hingga saat ini framework ini masih menjadi yang paling populer dibanding framework lainnya. Banyak developer menggunakan Bootstrap karena menawarkan banyak fungsionalitas dan elemen desain yang responsif.

Foundation


Foundation merupakan CSS framework pilihan kedua developer setelah Bootstrap. Hadir sejak 2011 dibawah lisensi MIT (Massachusetts Institute of Technology), Foundation merupakan framework dengan sistem open-source berbasis SASS. 

Tailwind


Tailwind menjadi framework CSS yang bisa Anda andalkan untuk menciptakan UI yang cepat dan praktis. CSS libraries milik Tailwind sangat mudah dikustomisasi. Jadi, Anda bisa leluasa menciptakan desain seunik mungkin.

PureCSS

PureCSS menampilkan rangkaian modul CSS yang ideal untuk berbagai jenis proyek Anda. Meskipun kapasitasnya kecil, yakni berkisar 3.7 KB, kinerjanya masih sangat responsif. Hasilnya, Anda dapat dengan mudah membuat website atau aplikasi yang cepat dan estetis. 

Milligram

Milligram adalah salah satu framework CSS ringan yang dapat membantu Anda mendesain website atau aplikasi yang cepat dan bersih. Beratnya hanya mencapai 2KB (gzip).


Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Membuat Bunga Menggunakan Bahasa Pemrograman Python

-
Gambar
Membuat Bunga Menggunakan Bahasa Pemrograman Python Apa itu Python? Python merupakan bahasa pemrograman tingkat tinggi yang diracik oleh Guido van Rossum. Python dikenal dengan bahasa pemrograman yang mudah dipelajari, karena struktur sintaknya rapi dan mudah dipahami. Bahkan jika ingin mengeluarkan "hello word" saja sangan mudah tinggal ketik :  print "hello word" Persiapan alat untuk membuat bunga 1. Python: Interpreter yang menerjemahkan bahasa python ke bahasa mesin, sehingga program bisa dijalankan. 2.Teks Editor/IDE: Program yang digunakan untuk menulis kode. Disini kita menggunakan visual studio code. 3.download terlebih dahulu extension yang bernama  "Python" di Visual studio code kalian  Langkah Pengerjaan : 1. Buat file di teks editor kalian dengan nama bungan.py   2. Ketikan code ini :  import turtle s = turtle.Screen() t = turtle.Turtle() s.bgcolor('#262626') t.pencolor('#540d6e') t.speed(100) col = ('#ee4266', '#ff...
Baca selengkapnya

5 Akun Animasi Lucu Di TikTok

-
Gambar
Dikutif dari Wikipedia Animasi  adalah  film  yang merupakan karya tangan ( gambar ) yang bergerak. Pada awal penemuannya, animasi dibuat dari berlembar-lembar kertas gambar yang kemudian di-"putar" sehingga muncul efek gambar bergerak. Dengan bantuan  komputer  dan  grafika komputer , pembuatan film animasi menjadi sangat mudah dan cepat. Bahkan akhir-akhir ini lebih banyak bermunculan animasi  3D  daripada animasi  2D . Nah, sekarang saya akan memberikan "5 Akun Animasi Lucu di TikTok" siapa saja? 1. Vernalta Di   akun ini teman" akan disuguhkan animasi yang sangat kocak, dan banyak tokoh-tokoh yang banyak diantara nya tutu, Martin, kucing oyen, dan masih banyak lagi. Animasi ini menceritakan para tokoh yang barbar. Hati-hati jika kalian menonton animasi ini di dekat orang tua. Lebih lengkapnya klik link ini untuk menonton.  Vernalta 2. DhotDign Di akun ini teman" akan animasi yang di peran kan oleh 5 sekawan yang sering disebut g...
Baca selengkapnya

Cara Membuat Love dari HTML CSS

-
Gambar
  Pengertian HTML adalah kepanjangan dari Hypertext Markup Language, pengertian html yaitu bahasa markah standar untuk dokumen yang dirancang untuk ditampilkan di peramban internet.  CSS adalah kepanjangan dari Cascading Style Sheet, pengertian dari CSS yaitu aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.  Bahan dan Alat : 1. Leptop/komputer/hp 2. Teks editor. Leptop (vscode), Handphone (TrebEdit) Langkah Pengerjaan : 1. Siapkan device kalian 2. Buka teks editor 3. Buat file love.html 4. Buat struktur html 5. Masukan ini dalam tag body:     <style>         .center{             display: flex;             justify-content: center;         }         .word{             padding: 70px 50px 0 0;             text-align: center; ...
Baca selengkapnya