Here are some resources you need as a designer/developer to work on your level of productivity. 👨‍💻

Thread 🧵👇

1. Focusmate: Focusmate changes the way you work by connecting you to other professionals who have committed to being accountable for finishing their most important work.

http://focusmate.com

2. Habitica: Habitica is a free habit and productivity app that treats your real life like a game. Habitica can help you achieve your goals to become healthy and happy.

https://habitica.com

3. BitBucket: Bitbucket is a web-based version control repository hosting service owned by Atlassian, for source code and development projects that use either Mercurial or Git revision control systems.

http://bitbucket.org

4. Clickup: ClickUp is a cloud-based collaboration and project management tool suitable for businesses of all sizes and industries. Features include communication and collaboration tools, task assignments and statuses, alerts, and a task toolbar.

https://clickup.com

5. Heroku: Heroku is a platform as a service (PaaS) that enables developers to build, run, and operate applications entirely in the cloud.

http://heroku.com

6. Behance: Behance is a social media platform owned by Adobe that claims to showcase and discover creative work.

http://behance.net

7. SourceForge: SourceForge is a web-based service that offers software developers a centralized online location to control and manage free and open-source software projects

https://sourceforge.net

8. Launchpad: Launchpad is a software collaboration platform that provides: · Bug tracking · Code hosting using Bazaar and Git.

https://launchpad.net

9. Perforce is an enterprise version management system in which users connect to a shared file repository. Perforce applications are used to transfer files between the file repository and individual users' workstations.

http://perforce.com

10. InVision: InVision is a prototyping, collaboration, and workflow tool. InVision gives you clarity, collaboration, and control of everything you need to power your design process.

http://invisionapp.com

I write daily tips and threads on web development, cloud computing and developer resources. ✨

If this thread is useful to you, please retweet the first tweet and follow @coderoflagos. 🙏🏽

Thank you for the support!

Here are the best CSS practices you should know in 2023

Thread 🧵👇🏾

1. Use preprocessors: Using preprocessors such as SASS, Stylus, or even SCSS. They not only help you write CSS faster, but they also make your code look pretty well organized. They let you use custom variables and functions.

2. Comment out your CSS: To not get confused, it's great to do this. It lets you know where you stand. They help you define the sections of your code, and in this way, they keep your code organized.

3. Normalize using HEX code: They are understood by every browser. They are the most common method of adding color to an HTML element using CSS.

4. Don't use  the '!important' tag. It's considered as a bad practice. It contradicts the expected behavior of CSS.

5. Consider using CSS frameworks: Using CSS frameworks will help save a lot of time - They're helpful for larger projects, bigger teams, and those who need to design a theme that can be used on multiple projects.

6. Use CDNs: Ensure your CSS is cached across the world and accessed as quickly as possible from the nearest local server for a superfast response.

7. Use Flexbox: Flexbox has the ability to fill extra space without the need to use Javascript. They are very helpful in building responsive layouts.

8. Remove unused CSS: Removing unused CSS will help you minimize the impact of code on performance.

9. Compress your CSS files: When you compress CSS files, you get a greatly reduced file size, which will be fast to load on your website. You also get better compression for the code, which will make it smaller and faster to load in general, even without minification.

10. Avoid using inline CSS: Inline styles appear visually similar to webpage content, making them very difficult to identify. It has very poor support for some CSS features.

I write daily tips and threads on web development, cloud computing and developer resources. ✨

If this thread is useful to you, please retweet the first tweet and follow @coderoflagos 🙏🏽

Thank you for the support!

Are you a developer who uses Tailwind CSS? 👨‍💻🌈

Here are some resources I have for you. 🌱 ❤️

(Thread) 🧵👇

1. Tailwind UI: Beautiful UI components, crafted by the creators of Tailwind CSS. Fully responsive HTML components, designed and developed by Adam Wathan and Steve Schoger.

https://tailwindui.com

2. Built with Tailwind. A collection of awesome websites built with Tailwind CSS.

https://builtwithtailwind.com

3. Tailwind Starter Kit: Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue, and Angular.

https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation

4. Tailwind Play: An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.

https://play.tailwindcss.com

5. Tailwind Components: Tailwind Components has an awesome collection of Tailwind components where you can copy the HTML directly from the example and paste it into your project.

https://tailwindcomponents.com

6. Tailwind Builder: Tailwind Builder is the first genuinely advanced editor for the Tailwind CSS framework. 140 ready-to-use HTML components and convenient settings will speed up your development process!

tailwind.build

7. Meraki UI: This has beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid.

https://merakiui.com

8. Tailwind Toolbox: Free open-source Tailwind CSS starter templates and components to get you started quickly to creating websites in Tailwind CSS!

tailwindtoolbox.com

9. Gust UI: Responsive HTML & React to Tailwind CSS components for your next web application. Simplify your design process and get to ship your app.

gustui.com

10. Tailzilla: Collection of ready to use UI design components/templates, code snippets, and playground for the TailwindCSS.

https://tailzilla.app

Thanks for taking out your time to read this thread.❤️🚀

I hope this helps anyone who is thinking of getting into Tailwind or anyone who uses Tailwind already! 🔥⚡️

What type of developer are you? 👀 

- Frontend Developer 
- Backend Developer 
- Full-Stack Developer 
- cmd + A / cmd + C / cmd + V (and edit) Developer 😂 

Here are 10 tools for building APIs easily (without stress) 🌈 

Thread 🧵👇🏽

8. Ondiagram:

https://www.ondiagram.com/

9. Directual:

https://www.directual.com/

Thanks for taking out time to read my thread. I hope it helps someone out there!

You can follow me for more tips on web3 and JavaScript here on Twitter - @coderoflagos ❤️👋🏽

Best VSCode Extensions to use as a Developer👀

Thread 🧵👇🏽

1. Debugger for Chrome 

https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome

2.TODO Highlight:

 https://marketplace.visualstudio.com/items?itemName=wayou.vscode-todo-highlight

3. Peacock 

https://marketplace.visualstudio.com/items?itemName=johnpapa.vscode-peacock

4. Git History 

https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

5. Remote - SSH 

https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh

6. Live-Server:

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

7. GitHistory: 

https://marketplace.visualstudio.com/items?itemName=donjayamanne.githistory

8. Code Time:

https://marketplace.visualstudio.com/items?itemName=softwaredotcom.swdc-vscode

9. GitLens:

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

10.Pincode:

https://marketplace.visualstudio.com/items?itemName=ponicode.ponicode

Thanks for taking out time to read my thread. I hope it helps someone out there!

You can follow me for more tips on web3 and JavaScript here on Twitter - @coderoflagos❤️👋🏽

If you are a JavaScript developer, here are some tools that speed up your level of productivity ⚒️ 👨‍💻 

Thread 🧵👇🏽

You can read the unrolled version of this thread here: https://typefully.com/coderoflagos/25ZL3iZ

If you're a web3 Developer and you're looking to get a job in the web3 space. Got a couple of sites to get web 3 jobs already. 👀🚀

(Thread) 🧵👇🏾

I highly recommend these resources if you're looking to get a web3 job. I hope this helps someone out there.

You can follow me for more tips and resources - @coderoflagos. Thanks for taking out time to read this ❤️😄