Source: giphy

1. Clients do not hire the best, but the least risky

Yes! Think of it from the client's perspective, the client usually thinks to get his work done efficiently by not losing much of his time and he usually prefers a candidate who is less risky and who makes the job done.

2. You don't convince your client, you make them convince themselves

The client usually comes with a goal in mind to get their work done within the least amount of time. As a famous precept from the book "How to win friends and influence people", you get to talk from other person's perspective by liking his ideology, get to know the need of the client, and how much amount of value you need to put in.

3. You don't define yourself by the product you sell

I think you got the idea, there might be different cases where you can charge a huge amount for someone and less on the other. Always look for the criteria and the amount of time you invest in, and how does it benefit the client allowing for huge profits. Explain the scenarios and get the calculations done with the client with the right approach.

4. Communicate - to maintain Trust

Trust, is an important factor to consider and not to be overlooked as it builds the relationship with the client and helpful for your future projects as well. Communicate very often at least twice a week to get to know them and the amount of work they put and maintain. Be a great communicator.

5. Get organized at your work - Clients love it.

Get your freelance work organized by scheduling a number of phases and assigning the time for that particular phase. Arrange a meet by the end of each phase so that client thinks you are dedicated to the project timelines and by showing how organized you are.

6. Clients know other potential clients

When you have already given your best in delivering the work, by making the client extremely satisfied you get referred to other clients which are extremely valuable that add to your great testimonies. Word of mouth is the greatest thing you could achieve ever.

Few tips to land your first successful client

• When you are just starting out, focus on testimonials.
• Work for free
• Make your time valuable by not doing everything for free
• Linkedin and Instagram are the greatest platforms to get discovered and search clients
• Improve your connections and establish a healthy relationship online
• Showcase your work on your profile and attract them
• Come on a video. Clients love to see your face no matter how bad it is.
• Understand the need of the client and approach accordingly
• Nobody likes approaching them when they don't actually need, so don't try to sell.
• Add CTAs (Call to Actions)
• Think of the 'mentality' of the platforms Linkedin / Instagram and approach accordingly.

PS: I haven't included freelancing platforms like Upwork, Fiverr because they are extremely hard for a beginner to get into. Although there are few who are making a lot from their gigs, I think it's more diluted.

Thanks for making it to the end. Hope you liked it. Please show some love.

In brief, Tailwind CSS is a utility-first CSS framework that eliminates the need to write traditional CSS classes and get the job done without leaving your HTML. The framework is absolutely incredible with its mobile-first design approach and faster rendering with the ability to Purge.

Source: tailwindcss.com

Web development is an ever-growing tech that needs constant learning. With every new framework coming in quite a few months, there is a constant need for a developer to understand the technology at a rapid pace. Speaking of which, rapid is the thing for the future. One of such frameworks is Tailwind CSS, which makes a developer write code much faster using Tailwind's utility classes. Okay, what are utility classes? Utility classes are a set of predefined code that serves its purpose with a call of short-form code, right within html.

Now let's check what are its benefits:

1. Performance ready

Even after you design beautiful-looking websites/apps there is a challenge for frontend developers to optimize their work for production and make them performance-ready. Since Tailwind CSS works on utility-first classes, the production build is absolutely performant eliminating the use of unnecessary classes.

2. Ability to Purge

Tailwind is designed to be component-friendly. It is so much easier to separate a site's elements into smaller components and not pollute the codebase with objects. Enabling the purge option in Tailwind makes tree-shaking unused styles and optimizes the final build size.

3. Mobile-first

The class names you write default to a mobile layout that makes it extremely user-friendly and quite responsive to larger screen devices.

4. Tiny size for production

Tailwind CSS is extremely lightweight, making the production build extremely tiny in size compared to normal CSS with a separate file.

5. Global responsiveness

You get to build websites that are almost native to the device by following the responsiveness all over. The mobile-first strategy of Tailwind makes it even more commendable. By using sm: md: lg: xl: 2xl: breakpoints, it is quite easy to achieve responsiveness based on the device.

6. Hover and Focus states

Worried about the hover and focus states used in traditional CSS? Tailwind has it all covered. By simply adding predefined hover: and focus: states, you can achieve these states easily.

Example:

<button class="bg-red-500 hover:bg-red-700 ..."> Hover me </button>

7. JIT mode

Tailwind has introduced JIT(Just in Time) compiler that generates styles on demand instead of generating everything in advance at the initial build time. It significantly improves browser performance even in development as it doesn't have to parse and manage multiple megabytes of pre-generated CSS.

8. Beginner-friendly

Tailwind CSS is extremely easy to learn even for beginners who are not into css before. The short-form classes can be easily remembered and the desired layout can be achieved easily.

9. Highly customizable

Rather than having pre-defined classes made by Tailwind, you can also build your own classes and call them globally anywhere in your pages.

10. Intellisense autosuggestions with VS code

Tailwind Intellisense extension for Visual Studio Code makes it even more flexible to write the code making suggestions a breeze. It is definitely worth trying out.