Frontend ডেভেলপার দের জন্য ২৫ টি ইউজফুল টুলস:

0 Comments
admin

✅ Animista:
==========
এই ওয়েবসাইট টি আপনাকে হেল্প করবে ওয়েবসাইট এর এনিমেশন ইফেক্ট গুলো প্র্যাকটিস করতে। আমরা অনেকেই প্রপারলি সব ইফেক্ট গুলোর নাম জানিনা। ট্রাই করে দেখা যায়। মোটামুটি ভালোই।

লিংকঃ https://animista.net/

✅ Blobmaker
===========
ওয়েবসাইটে ব্যবহৃত blob shape গুলো এখন থেকে নিজের ইচ্ছামত কালার এবং শেপ দিয়ে বানিয়ে নিতে পারবেন। ডাউনলোড ও করতে পারবেন এবং svg কোড টাও পেয়ে যাবেন। ট্রাই করে দেখতে পারেন।

লিংক: https://www.blobmaker.app/

✅ Code to Go:
============
ওয়েবসাইট ডেভেলপমেন্টের সাধারণ সমস্যা সমাধানে সাহায্য করার জন্য snippet গুলো সমন্বয় করে। JavaScript ও react এর ব্যবহৃত সবচাইতে আপডেটেট snipppet গুলো এখানে পেয়ে যাবেন। বেশ ভালো রিসোর্স আছে একবার দেখলেই বুঝবেন।

লিংক: https://codetogo.io/

✅ UX Project checklist:
====================
এটি UX ডিজাইনের ফিচার গুলো মানসম্মত কিনা তা পরীক্ষা করতে আপনাকে সাহায্য করবে।

লিংক: https://lnkd.in/dXqPisGu

✅ UX Flow:
==========
এর মাধ্যমে sketch, Adobe ও figma তে খুব সহজে সুন্দর ওয়েবসাইট লে-আউট তৈরি করা যায়। অনেকগুলো টুলস আছে। ওয়েবসাইট ভিজিট করে দেখতে পারেন।

লিংক: https://lnkd.in/dnPtejnX

✅ Drawkit:
=========
ওয়েবসাইটের বিভিন্ন হাতে আঁকা ভেক্টর ইলাস্ট্রেশন ভালো একটি রিসোর্স।

লিংক: https://drawkit.com/

✅ 3Dicons:
==========
ওয়েবসাইট ডিজাইন ও ডেভেলমেন্ট এর ক্ষেত্রে ব্যবহৃত বিভিন্ন 3D আইকন গুলোর ভালো একটি ওপেন সোর্স রিসোর্স। উপকৃত হবেন।

লিংক: https://3dicons.co/

✅ Web Gradients:
===============
ওয়েবসাইটের জন্য বিভিন্ন গ্র্যাডিয়েন্ট ব্যাকগ্রাউন্ড কালার এর ভালো একটা রিসোর্স। অনেকগুলো ডিজাইন দেওয়া আছে ।

লিংক: https://webgradients.com/

✅ Google Fonts:
==============
আমাদের সবারই অতি পরিচিত একটি ওয়েবসাইট। বিভিন্ন ফ্রি ফন্টস গুলো এখানে পাওয়া যায়লিংকঃ https://fonts.google.com/

✅ Responsively:
==============
বিভিন্ন ডিভাইসের জন্য ওয়েবসাইট চেক করার খুবই ইউজফুল একটা এপ্লিকেশন। আমার কাছে পার্সোনালি খুব ভালো লাগে। একটু বিভিন্ন ধরনের ফাংশনালিটি আছে একটু এক্সপ্লোর করে দেখতে পারেন।

লিংক: https://responsively.app/

✅ UnusedCSS:
=============
অব্যবহৃত CSS প্রপার্টি গুলো রিমুভ করে একটি ক্লিন CSS ফাইল প্রোভাইড করে।

লিংক: https://unused-css.com/

✅ Spline:
========
খুবই ইউজফুল একটা এপ্লিকেশন। এর মাধ্যমে ওয়েবসাইটের জন্য 3D ইফেক্ট তৈরী করা সম্ভব। বিভিন্ন 3D সিন বানানো, বিভিন্ন ম্যাটেরিয়ালস এডিট করা থেকে শুরু করে অনেক কাজ করা যায় এটা দিয়ে। খুবই ভালো অবশ্যই ভিজিট করে দেখতে পারেন।

লিংক: https://spline.design/

✅ Sketch2Code:
==============
আর্টিফিসয়াল ইন্টেলিজেন্স ব্যাবহার করে হাতে আঁকা ডিজাইনকে সহজেই html এ রূপান্তরিত করা যায়।

লিংক: https://lnkd.in/dAZCi4Se

✅ Custom Shape Devider:
======================
ওয়েবসাইটের বিভিন্ন জায়গায়, সেকশনের শুরু কিংবা শেষে একটা শেপ ডিভাইডার ডিজাইনের সৌন্দর্য বহুগুন বৃদ্ধি করে।

লিংক: https://lnkd.in/dSTFm4S9