โฅ Bootstrap is the most popular css framework globally and got instant popularity because of its responsive design. almost anything, from alerts to modals to navigation bars, is supported by default making is easy to build amazing website. getbootstrap.com
โ Tailwind CSS
โฅ Tailwind css is a utility-first css framework that is different that other frameworks like bootstrap where you get pre-designed components. Tailwind requires the least amount of learning an dis easy to use
โฅ Bulma is a great alternative to bootstrap, as it features modern code and unique aesthetic. it's easy to use and import into your projects and comes with various pre-made components.
โฅ foundation is the perfect choice for experienced developers who enjoy freedom but want the power of a fully-featured framework. it is much suitable for huge web applications that need a lot of styling.
โฅ uikit is a modular frontend framework that allows you to import only the features you need. uikit contains dozens of components, allowing you to implement complex frontend layouts. it can be easily customized using sass.
โฅ The css framework is surprisingly tiny, as it only takes up 3.7kb
when all modules are used. it offers reusble and responsive css modules that can be added to any web project. pure comes with responsive pre-mode components.
โ JavaScript Arrays
โ concat()โฅ join several arrays one
โ from()โฅ Create an array from an object
โ pop()โฅ Remove the last element of an array
โ push()โฅAdd a new element at the end
โ shift()โฅ Remove the first element of an array
โ sort()โฅ Sort element alphabetically
โ Css Rule Set
โฅ The whole structure is called a ruleset. The term ruleset is often referred to as just rule. NOte the names of the individual parts:
โฅ An inline property dose not start on new and only takes up as much width as necessary.Any height and width properties will have no effect on inline elements. This example overrides the default setting of <li> bullet points and presents them in one line.
โ Display : Block
โฅ Display Block property shows the elements one by one like a building. Every block element appears in a new line. margin. padding and width work in display block.