ওয়েব ডিজাইনের জন্য সেরা ২৮টি টুলস!

এক সাইটেই সব! অনেকেই প্রশ্ন করে কোন ডিভে বক্স শ্যাডো / বিভিন ধরণের শেপ/ গুগল ম্যাপের লোকেশন ইত্যাদি কিভাবে করা যায়।

এই সাইটে একটু ঢু মারেন আমি যেগুলো উল্লেখ করেছি ঐগুলা বাদেও আরো অনেক টুলস বোনাস হিসেবে পাবেন :-)

সাইটে যে যে টুলস সমূহ পাবেন এক নজরে দেখে নিনঃ

1. Aspect Ratio Calculator
2. Border Radius BM Sulaiman
3. Colour Shades Generator
4. CSS Animation Generator
5. CSS Box Shadow Generator
6. CSS Button Generator
7. CSS Filter Generator
8. CSS Minifier
9. CSS nth-child Tester
10. CSS Shapes Generator

11. CSS Text Shadow Generator
12. Email Obscure Shahin Khan FX
13. Google Maps Generator
14. Google Web Font Tester
15. Hash Generator
16. HEX To RGB Converter
17. HTML5 Responsive Form Generator
18. Image To Base64 Converter
19. jQuery easing tester
20. JS Minifier

21. Meta Tag Generator
22. Open Graph Tag Tester
23. Pricing Tables
24. QR Code Generator
25. Responsive Layouts
26. Secure Password Generator
27. Unix Timestamp Converter
28. Url Shortener
29. WSDL Validator

উপরেরর উল্লখিত টুলসস্মূহের মধ্যে অনেক জেনারেটিং টুলস আছে। এসব টুলস ব্যাবহার করে নির্দিষ্ট কোন কাজ সহজেই হয়ত সারতে পারবেন কিন্ত ঐ কাজটি যদি আপনি নিজেই করতে পারেন তাহলে জেনারেটীং টুলস ব্যবহার করার দরকার নেই। কারণ জেনারেটিং টুসলসসমূহ দিয়ে কোন কিছু তৈরী করলে অনেক অপ্রয়োজনীয় কোড তৈরী হয়। তবে হ্যা “নাই মামার চাইতে কিন্ত কানা মামা থাকা ভালো :D ”

ধরুন আপনার এই  GFn7gNH একটা শেইপ দরকার পড়ল, CSS3 ভালো জানা না থকলে মাথা এমনিতেই ঘাবড়ায়ে যাওয়ার কথা! এই মুহুর্তে আপনি এই সাইটের CSS Shapes Generator টুলস টি নিশ্চিন্তে করতে পারেন :-) তবে আপনার নির্দিষ্ট শেইপটি জেনারেট করার পর যে কোডগুলো পাবেন, তা পর্যবেক্ষন করে দেখবেন যে কিভাবে কাজটি হল, তাহলে একসাথে আপনার কাজও হ্লল আবার শেখাও হয়ে গেলো। অন্যান্য টুলসগুলো ব্যাবহারের ক্ষেত্রেও একই কথা।

কোন টুল এখন কাজে লাগলেও প্রত্যেক টি টুলস একটু নাড়াচাড়া করে করে দেখুন পরে হয়ত কাজে লাগতেও পারে।

সবশেষ এ আর একটা কথাঃ
উপরের উল্লখিত টুলসসমূহের মধ্যে থেকে কোন টুল এর নাম দেখে যদি ঐ টুল দিয়ে কি হবে একটুও বুঝতেও না পারেন তাহলে, সোজা এখানে চলে যান এইখানে এবং সার্স করুন এভাবেঃ What is Meta Tag? / What is Css Shape? এভাবে। ঐটা সম্প্রর্কে জানার পর ঐ টুল নিয়ে মাতব্বরি করবেন, তার আগে নয়! :p কারণ আপনি যদি নাই জানেন “Meta Tag” কি জিনিস? তাহলে ঐটা নিয়ে খেলা করে তেমন মজা পাবেন না! বরং হতাশ হওয়ার সম্ভাবনা বেশী!

শেষ এ একটা কথা বলেতে গিয়ে অনেক কয়েকটা কথা বলে ফেলেছি :p
ধইন্ন্যাপাতা সবাইকে :-)

টিউনটি এখান থেকে সংগৃহীত

ZubyTech (ব্লগিং এর নতুন দুনিয়া। আজকেই ভিজিট করুন আর আপনার প্রযুক্তির জ্ঞান বৃদ্ধি করুন)

ZubyTech পেইজ (টেক সম্পর্কিত সমস্ত খবরাখবর ফেসবুকেই পেতে এখনই একটি লাইক দিয়ে রাখুন!)

Level New

আমি প্রীতম চক্রবর্তী। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 3 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 82 টি টিউন ও 155 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

বাংলা ভাষাভাষীদের জন্য ফ্রি লার্নিং প্ল্যাটফর্মঃ https://www.eduquarks.com


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

Nice tune. But it will take long time to learn from the tools.

Level 0

very very nice.thank you

Level 0

Thanks for your nice tune. Please share more tunes like this