25 Front-End dan CSS Frameworks

Jika anda seorang developer khususnya front-end developer ada baiknya anda melihat beberapa pilihan tentang front-End developer dan CSS Frameworks di bawah ini.

1. Bootstrap

bootstrap

Siapa yang tidak tahu Bootstrap. Boostrap adalah Front-end framework yang paling banyak dikenal dan d gunakan sekarang ini.

2.Fbootstrapp

Fbootstrap

Fbootstrappadalah toolkit yang dirancang untuk kickstart pengembangan aplikasi facebook iframe di kedua ukuran yang relevan.Ini mencakup dasar CSS dan HTML typography, forms, buttons, tables, grids, navigation,dan banyak lagi memakai nuansa facebook

3.BootMetro

bootmetro

kerangka web sederhana dan fleksibel untuk membuat aplikasi web yang elegan dan modern yang sama dengan tampilan Windows 8

4.Kickstrap

kickstrap

Kickstrap is an extensi framework untuk Bootstrap. Kickstrap adalah salah satu yang membuat boostrap memiliki banyak extensi seperti sekarang ini.

5. Foundation

foundation

Foundation direlease di tahun 2011. Foundation bisa mensupport Sass, dengan menggunakan foundation dan sass kode semantik, styling yang lebih cepat, dan banyak fitur program mengagumkan.

6.GroundworkCSS

groundworkCSS

Responsive HTML5,CSS dan Javascript framework.Membuat scalable, aplikasi web dapat diakses yang bekerja pada apa pun.

7. Gumby

Gumby 2 dibuat dengan Sass. Sass adalah preprocessor CSS yang kuat  memungkinkan anda untuk mengembangkan Gumby jauh lebih cepat  dan memberi Anda feature-feature baru untuk cepat menyesuaikan dan membangun di atas Gumby framework.

8.HTML KickStart

html5KickStart

HTML KickStart adalah front-end framework yang responsif. HTML KickStart menampilkan grid Responsif dan fleksibel (opsional) dengan 4 breakpoints: dekstop, tablet, tablet kecil, dan smartphone.

9. IVORY

ivory

Responsif front-end framework yang membuat front-end Anda lebih cepat dan mudah. Dapat membuat screen danri 1200px sampai 320px.

10. Kube

kube

Professional CSS-framework minimalis dan cukup untuk segalanya, adaptif dan responsif. Revolusioner  grid  fleksibel dan tipografi yang indah. Tanpa membutuhkan styling.

11. Less+ Framework

less

Less+ membantu desainer dan developer untuk membangun website yang dapat beradaptasi konten mereka tergantung pada resolusi layar.

12.Aeon Framework

aeon framework

Aeon Framework adalah framework yang elegan dan minimalis.

 

13. Golden Grid System

Golden Grid System

Emas Grid System (GGS) membagi layar menjadi 18 bahkan kolom. Kolom paling kiri dan paling kanan digunakan sebagai margin luar grid, yang meninggalkan 16 kolom untuk digunakan dalam desain.

14. The Semantic Grid System

semantic

Semantic Grid System dapat menjalankan LESS, SCSS, dan Stylus.

15. Responsive Grid System

responsive Grid

Walaupun Responsive Grid System mengatakan mereka bukanlah suatu framework. Responsive Grid System menyatakan bahwa dia bukan boilerplate yang baik namun Responsive Grid System adalah cara yang cepat, mudah & fleksibel untuk membuat situs web responsif.

16. Skeleton

sekeleton

Skeleton framework adalah boilerplate indah untuk Responsif, Mobile Development-Friendly

17. Titan Framework(CSS framework for Responsive Web Designs)

titan Framework

Titan Framework memudahkan Anda dapat membuat layout responsif yang menyesuaikan pada setiap resolusi layar di lebar maksimum.

18. Ingrid(A Fluid CSS Layout System)

ingrid

Ingrid adalah css yang ringan dan sistem fluid CSS layout,ang tujuan utamanya adalah untuk mengurangi penggunaan kelas di masing-masing unit. Membuatnya merasa sedikit kurang menonjol dan sedikit lebih menyenangkan untuk reflow untuk layout responsif.

19. Gridless(HTML5 & CSS3 Boilerplate for Responsive Websites)

Gridless

Gridless adalah HTML5 dan CSS3 boilerplate optionated untuk membuat mobile pertama responsif, website cross-browser dengan tipografi yang indah.

20. Columnal(A Responsive CSS Grid System)

columnal

The Columnal CSS sistem grid adalah "remix" dari beberapa orang lain dengan beberapa kustom kode dilempar masuk Columnal merupakan jaringan elastis, sementara beberapa inspirasi kode (dan ide untuk subcolumns) diambil dari 960.gs.

21.Susy(Responsive Grids for Compass)

sussy

Susy dibangun untuk berkembang dengan proyek Anda untuk jangka panjang.

22. Wirefy(The Responsive Wireframe Framework)

wirefy

Wirefy diciptakan sebagai alat untuk membantu web designer dan developer menciptakan cepat, wireframes dikelola. Ini membantu untuk mempercepat perjalanan antara sketsa dan kiriman akhir.

23. Toast(A Simple CSS Framework)

toast

Toast adalah kerangka CSS dibuat sesederhana itu bisa, tapi tidak sederhana. Sebuah grid responsif plain-English membuat layout sederhana mudah, dan dengan kotak-sizing Anda dapat menambahkan padding dan perbatasan ke grid, tanpa melanggar satu hal.

24. HTML5 Boilerplate

boilerplate

HTML5 Boilerplate membantu Anda membangun cepat, kuat, dan mudah beradaptasi aplikasi web atau situs. Memulai proyek Anda dengan pengetahuan gabungan dan upaya 100s developer semua dalam satu paket kecil.

25. UIkit

UIKit

Front-end framework yang ringan untuk mengembangkan antarmuka web yang cepat dan kuat.


Note: Jika ada yang ingin menulis ulang di blog, forum,social media dll sebaiknya di cantumkan sumbernya yaitu https://muhammadyasin89.blogspot.com/