আমি এমন কিছু কথা বলার মাধ্যমে শুরু করব যা অনেকে জানতে পারে ... তবে এতে কোনও সমস্যা নেই: এইচটিএমএল 5 + সিএসএস 3 + জেএস ... ঠিক নিখুঁত 🙂
কোনও ব্যবহারকারী আমাকে ফ্ল্যাট আইকন তৈরির জন্য টিউটোরিয়াল সম্পর্কে জিজ্ঞাসা করে একটি ইমেল লিখেছিলেন, এটি ফ্ল্যাট এবং এটি ওয়েবে নতুন ফ্যাশন। বিশেষত দ্বারা চেয়েছিলেন ইঙ্কস্পেস o পঙ্গু লোক একটি চ্যাট-স্টাইল বোতাম বা এমন কিছু যা পরিবেশন করবে (বা রেফারেন্স) Snapchat.
আমি যেমন ইনস্কেপে এবং এমনকি গিম্প দুর্গন্ধের সাথে স্ক্র্যাচ থেকে সামগ্রী তৈরি করে ভয়ানক ... আমার মনে আছে কিছুক্ষণ আগে আমি একটি ছোট ওয়েব অ্যাপ্লিকেশন দেখেছি (কিছু সিএসএস এবং জেএস সহ একটি সূচক। html) যা আমাদের আজকের ফ্যাশনে সহজে এবং দ্রুত ফ্ল্যাট আইকন তৈরি করার অনুমতি দেয়, আপনি জানেন ফ্ল্যাট ডিজাইন।
ফ্ল্যাট আইকন জেনারেটর
এটিতে পূর্বনির্ধারিত আইকনগুলির একটি সিরিজ রয়েছে, উদাহরণস্বরূপ ল্যাপটপ আইকন, মোবাইল ডিভাইস (আমি যা স্ক্রিনশটটিতে দেখাই), উপহার, সাইকেল ... উফ, সেগুলি বেশ অনেকগুলি, সত্যই একটি দুর্দান্ত জাত:
তবে এটি কেবল আইকনটি রাখার বিষয় নয় এবং এখন ... আমরা দুটি অনুভূমিক বারের সাহায্যে আইকনের আকার বা চিত্রের আকার (আইকন + ব্যাকগ্রাউন্ড) হিসাবে সংজ্ঞায়িত করতে পারি। স্পষ্টতই আমরা বর্গক্ষেত্রের আকার পিক্সেল… 256… 512… ইত্যাদিতে দেখতে পাই
পরবর্তী বিকল্পটি আমাদের পটভূমির রঙের পাশাপাশি আইকনের রঙ চয়ন করতে সহায়তা করে। ডিফল্টরূপে, আইকনটি সাদা এবং পটভূমিটি নীল, যাতে এটি খুব বেশি সংঘর্ষে না যায়।
অবশেষে, বিকল্পগুলির বাম দিকের সেই বারে, এটি আইকনের সীমানা বর্গক্ষেত্রযুক্ত বা অন্যদিকে, আমরা চূড়ান্ত ফলাফলটি বিজ্ঞপ্তিযুক্ত করতে চাইলে এটি নির্ধারণ করতে দেয়।
আমি আপনাকে এই বিকল্পগুলির একটি স্ক্রিনশট রেখেছি:
অন্যদিকে, উপরের অংশে এটি আমাদের প্রদর্শিত আইকনের তথ্য প্রদর্শন করে যা বাস্তব সময়ে উত্পন্ন এবং পরিবর্তিত হচ্ছে। অন্য কথায়, আপনি যদি আকার এবং রঙগুলি নিয়ে ঘুরে দেখেন তবে আপনি দেখতে পাবেন যে এই তথ্যটি সবসময় বাস্তব সময়ে পরিবর্তিত হয়:
আপনি দেখতে পাচ্ছেন, আমাদের কাছে একটি বোতামও রয়েছে আইকন পান, যা আমাদের অন্য ট্যাবে পিএনজিতে ইতিমধ্যে উত্পন্ন আইকনটি দেখায়, যেখানে আমরা + সংরক্ষণ এবং ভয়েলা ডান ক্লিক করতে পারি, আমাদের ফ্ল্যাট আইকনটি আমরা আমাদের কম্পিউটারে কাঙ্ক্ষিত ফোল্ডারে জেনারেট করব।
ফ্ল্যাট আইকন জেনারেটর ডাউনলোড করুন
আপনি যদি নিজে এটি চেষ্টা করতে চান (যা আমি এটি হাহাহা তাই কল্পনা করি), লিঙ্কটি এখানে:
এটির সাহায্যে আমি আশা করি ব্যবহারকারী আমাকে ইমেলের মাধ্যমে যা বলেছিল তা মেনে চলবে, যদিও এটি গিম্প বা ইনসক্যাপের সাহায্যে বোতামটি তৈরি করার কোনও টিউটোরিয়াল নয়, তবে আমি এখনও কল্পনা করি যে এটি আপনি যা চান তা কার্যকর করবে। আসলে, আপনি কেবলমাত্র থেকে লিঙ্কটির জন্য বোতামটি তৈরি করতে পারবেন না ডাউনলোড স্ন্যাপচ্যাট, তবে এটি আপনার সাইটের জন্য বা আপনি যা কিছু করছেন are তার জন্য প্রচুর আইকন বা বোতাম তৈরি করতে পারে 😀
শুভেচ্ছা এবং আমি আশা করি আপনি এটি আকর্ষণীয় পেয়েছি।
আমি কীভাবে এটি কীভাবে ব্যবহার করব তা বুঝতে পারি না আপনি কী কেবল এটির আইকন বিকল্পগুলি তৈরি করতে পারেন?
এটা খুব ভাল, আমি লিঙ্কটি লিখি।
আমি সাধারণত আইকোমুন অ্যাপ ব্যবহার করি (https://icomoon.io/app/#/select) যা বেশ আকর্ষণীয় এবং খুব সম্পূর্ণ; যদিও আমি জানি না যে পোস্টটি যা বোঝায় তা হুবহু একই রকম কিনা।
গ্রিটিংস।
আইকনগুলি কাস্টমাইজ করার ধারণাটি আমি পছন্দ করেছি, আমি লিঙ্কগুলি পছন্দ করেছি (আপনার এবং ব্যবহারকারী পেরক্যাফ_আইআইপি)। আমি তাদের আমার প্রিয়তে সংরক্ষণ করব 😀
আকর্ষণীয় প্রস্তাবনাগুলি, যদিও আমি ইতোমধ্যে ফ্ল্যাট আইকনগুলি তৈরি করা সহজ করার কারণে ইনসকেপ ব্যবহার করতে পছন্দ করি (প্রকৃতপক্ষে, এটি আমি যে অন্য ভেক্টর সম্পাদক ব্যবহার করেছি তার চেয়ে বেশি ব্যবহারিক, যদিও আমি আরও উন্নত ভেক্টর গ্রাফিক্স তৈরি করতে অভ্যস্ত হই না অ্যাপ্লিকেশন সহ)।
খুব ব্যবহারিক এবং সহজেই ব্যবহারযোগ্য। আপনি হরফ হ'ল ফন্ট ব্যবহার করে এই প্রয়োজনীয়তাগুলিও কভার করতে পারেন: http://fortawesome.github.io/Font-Awesome/
ভাগ করে নেওয়ার জন্য ধন্যবাদ! যে 🙂
নিশ্চিত যে এটি অনেক প্রকল্পের জন্য কার্যকর হবে আকর্ষণীয় যান। আমি ভাবছিলাম যে কোনও ওয়েব অ্যাপ্লিকেশনটি কেমন, এটি কি ফায়ারফক্স ওএসের জন্য পোর্ট করা যেতে পারে? কোনও ওয়েবপৃষ্ঠা সরাসরি শর্টকাট তৈরি করা বা এটি ব্যবহারের অনুরূপ? দুঃখিত, আমি জানি না কেন আমি জিজ্ঞাসা করি।
এখন আমরা ক্রিসমাসে এসেছি, অনেক বাবা-মা তাদের সন্তানদের রাজাদের জন্য একটি স্মার্ট ফোন দেবেন। এই ডিভাইসগুলির সাথে আপনি প্রথম যে জিনিসটি করবেন তা কোনটি? নিঃসন্দেহে, তাদের মধ্যে একটি, প্রথমটি না হলে, স্ন্যাপচ্যাট ডাউনলোড করা হবে এবং তাদের মধ্যে অন্যটি হোয়াটসঅ্যাপের বিবরণ হবে। এগুলি নিখরচায় অ্যাপ্লিকেশন হওয়ায় বেশিরভাগ কিশোর-কিশোরীর ফোনে সেগুলি রয়েছে।
আমি মনে করি যে স্ন্যাপচ্যাট প্রকারের অ্যাপ্লিকেশনগুলির সাফল্যের অন্যতম কারণ তারা প্রথমে মুক্ত, অন্যদিকে ফ্যাশনটি তৈরি করা হয়েছে যা সারা দিন এবং শেষ পর্যন্ত প্রায় যা কিছু ঘটে তার চিত্র পাঠাতে to কারণ এটি অ্যাপ্লিকেশনটি ব্যবহার করা খুব সহজ
দুর্দান্ত! এই ওয়েবসাইটটি আমাকে স্নাপচ্যাটে আমার নতুন সাইটের জন্য লোগো তৈরির প্রক্রিয়ায় অনেক সাহায্য করেছে, যে প্রশ্নের সাথে অনুসন্ধান করেছে তার সাথে মিল রেখে। আমি আপনাকে প্যারাগুয়ে থেকে একটি আলিঙ্গন প্রেরণ করছি, সাইটটি খুব ভাল 😉 শুভেচ্ছা।