![]() ![]() Basscssīasscss is made up of 22 CSS modules consisting of a CSS reset, a grid system, color classes, utility classes to help you build your responsive designs, and much more. It uses the Mobile First design approach, supports browsers as old as IE 9, and has a non-aggressive CSS reset (inspired by KNACSS). FOX CSSįOX CSS is a lightweight, modular CSS framework. It comes with an intuitive grid system and base styles for your HTML elements. Though it hasn’t been updated in over a year, Skeleton is still a top-notch starting point/boilerplate for rapidly building modern, responsive web designs. It has the basics covered: buttons, forms, and even default color classes. Like Milligram, Furtive is Mobile First, has a responsive grid based on FlexBox, and uses the rem unit for lengths and sizes. Pure has basic styles for all HTML elements (developed on top of Normalize.css), and modules for grid layouts, web forms, buttons, tables, and navigation menus.Ĭalling itself a “CSS micro-framework”, Furtive is geared towards modern web designs. Pure, an open source project led by Yahoo! developers, is a suite of CSS modules that will help you quickly build responsive web designs. It has a responsive grid system, a robust set of classes for styling your web forms, multiple table classes, notification classes for displaying important messages to your users, and more. Kube packs a punch for a CSS framework that weighs less than 6 KB. (Read the instructions for creating a custom Blaze CSS build for more info.) Kube Out of the box, Blaze CSS is already lightweight, but you can reduce its file size even more due to its modular architecture which allows you to include only the parts you intend to use in your project. Being on the cutting edge comes at a cost: Milligram only officially supports the newest versions of Chrome, Firefox, IE, Safari, and Opera. Milligram is for modern UIs - its grid system uses FlexBox, sizes and lengths use the rem unit, and it’s Mobile First. min even supports ancient browsers like Internet Explorer 5.5. ![]() Min, the smallest CSS framework on this list, has a responsive 12-column grid system, button styles, table styles, Android-compatible icons, and more. Most of them are under 5 KB (when minified and gzipped) and contain the essential ingredients for building responsive web designs. I’ve created an excellent list of small/minimalist CSS frameworks for you to explore. Using a small CSS framework typically translates to a gentler learning curve for developers, non-dependency on JavaScript for functionality, and faster load times for your users. Fortunately, there are smaller, simpler CSS frameworks out there that you can use instead. You probably don’t need most of the features that come with large UI frameworks such as Bootstrap, especially when you’re working on small, straightforward projects that you just want to get up and running as soon as possible. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |