Developers और Designers के लिए Top 5 CSS Framework

दूसरे शब्दों में, Bootstrap Web Developers को तेजी से Websites बनाने में मदद करता है। इसमें विभिन्न Web Design-Related Tasks और Components के लिए HTML, CSS और JS-Based Scripts  शामिल हैं।

Bootstrap में कुछ Prebuilt Classes शामिल हैं जैसे jumbotron, table, button, grid, form, image, alert, wells, container, carousel, panel, glyph icon, badge, label, progress bar, pagination, pager, list group, dropdown, Collapse, Tabs, Bullets, Navbars, Inputs, Modals, Tooltips, Popovers and ScrollSpy जो Web Developers को तेजी से Websites बनाने में मदद करती है।

Tailwind की ख़ूबसूरती यह है कि यह design Specific या आपकी site   कैसी दिखनी चाहिए, इस पर depend नहीं करती है, आप बस छोटे छोटे components को मिला कर एक unique user interface बना सकते हैं। Tailwind बस एक ‘raw’ CSS file है, इस CSS फ़ाइल को एक configuration file पर अपनी requirement के हिसाब से configure करे , और यह आपके लिए एक  unique user interface तैयार करता है।

Foundation को “The most advanced responsive front-end framework in the world.” भी कहा जाता हैं| यह responsive front-end framework हमे grid, HTML, SASS, CSS UI elements, templates, और code जो की navigation, buttons, typography, forms, आदि provide करवाता है| यह हमे JavaScript की भी कुछ Functionalities provide करवाता है| पहले यह ZURB के द्वारा manage की जाती थी, पर 2019 से Foundation अब open-source project volunteers द्वारा manage की जाती है| यह mobile-first approach के लिए भी काम में ली जाती है और particularly बड़े web apps बनाने के लिए बहुत useful है|

Bulma एक Free Class-Based Framework है। यह Simple CSS की तुलना में Web Developers को Web Pages पर CSS को Efficiently Apply करने देता है। पहली बार 2016 में रिलीज़ हुई, Bulma ने Front-end developers  के बीच अच्छी लोकप्रियता हासिल की है | Bulma, Flexbox पर बनाया गया एक CSS layout model है जो automatically वेब page element की width को उस web page के container की width के according adjusts करता हैं | Web developers को Flexbox में elements बनाने के लिए HTML and CSS दोनों में code लिखना होता है | Bulma में Flexbox का behavior और बाकि सब चीजों को handle करने के लिए HTML classes का उपयोग किया जाता है

Skeleton को CSS framework भी नहीं कहा जा सकता है बल्कि यह एक “Very simple, Reactive boilerplate”” है। Skeleton के Source Code में केवल 400 lines हैं! इस lightweight tool को ऐसे CSS elements को built करने के लिए बनाया है जो larger screens और mobile devices दोनों पर compatible हो सके |  इसके पास वो सभी standard components मोजूद है जो responsive design बनाने में मदद करते है | यह एक page को 12 multiple column grids (maximum 960px width) में split करता है जिससे की यह small, medium और large screens सब जगह fit हो सके, और अगर चाहे तो बस 1 line के code से हम max-width को भी change कर सकते है| Skeleton के syntax को implement करना और उसकी मदद से responsive design बनाना बहुत ही आसान है|