Sourav Mandal Profile picture
Mar 19 โ€ข 8 tweets โ€ข 3 min read
โœง 6 Awesome & popular css frameworks

A Thread ๐Ÿงตโ†“
โžŠ Bootstrap

โ‡ฅ 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

tailwindcss.com
โžŒ Bulma

โ‡ฅ 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.

bulma.io
โž Foundation

โ‡ฅ 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.

get.foundation
โžŽ Uikit

โ‡ฅ 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.

getuikit.com
โž pure css

โ‡ฅ 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.

purecss.io
That's all for now.

If you liked this thread, make sure to:

1. Follow me @souravWD

2. Retweet the first tweet

Thank you so much for getting to the end of the thread ๐Ÿ’™ ! Let me know what you think below ๐Ÿ˜Š .

Cheers! ๐Ÿป

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Sourav Mandal

Sourav Mandal Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @souravWD

Mar 20
โ€ JavaScript Cheatsheet

โ†’ A Thread ๐Ÿงตโ†“ ๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡ Image
โœง JavaScript Arrays
โœง JavaScript Boolean Methods
โœง JavaScript Arithmetic operators
โœง Logical operators
โœง Bitwise operators
โœง Function
โœง Escape Characters
โœง JavaScript String Methods
โœง Pattern Modifiers
โœง Brackets
โžŠ 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
Read 16 tweets
Mar 18
โฌ• 9 JavaScript Function

โ’ Every JavaScript developer should know

A Thread ๐Ÿงตโ†“
โžŠ function statement

โ‡ฅ when we create a new function with FUNCTION keyword, we all it function statement.

โ‡ฅ example:
โž‹ function expression

โ‡ฅ creating and assigning a function to a variable is known as function expression.

โ‡ฅ example:
Read 11 tweets
Mar 17
โฌ’ Some Css Basics You Need To Know!

A Thread ๐Ÿงตโ†“
โž€ 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: Image
โž Selecting Multiple Elements

โ‡ฅ You can select many elements by using coma(,) Image
Read 7 tweets
Mar 15
โ’ Css Display Property

A Complete Thread ๐Ÿงตโ†“
โž€ Display โ‡ฅ Inline

โ‡ฅ 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.
Read 6 tweets
Mar 14
โฌ’ Top 8 Free Resources For Web Development.
โ‘ You can used Them in your Projects.

A Thread ๐Ÿงตโ†“
โž€ Error 404

โ‡ฅ This source is awesome for finding illustrations you can use for your website's 404 page.

error404.fun
โž Smash illustrations

โ‡ฅ Control features high-quality illustrations in solid and linear style for free. They are free to use in commercial and personal use.
usesmash.com
Read 10 tweets
Mar 13
๐Ÿ”น Tips for SEO Friendly Website

๐Ÿงตโ†“๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡๐Ÿ‘‡
โž€ โ‡ฅ Group the content relevance and use descriptive items to help user find easily the information that they are looking for.

โž โ‡ฅ Use text links in footer to support navigation. text links are very useful both for the users the search engines.
โž‚ โ‡ฅ Use breadcrumb navigation to allow users keep track of location within your website and help search engines understand your website structure.
Read 4 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(