স্কেচ অ্যাপে একটি "জেনারেট সিএসএস / এইচটিএমএল" বৈশিষ্ট্য বা প্লাগইন রয়েছে কি?


13

আমি একটি স্ক্রিপ্ট পেয়েছি যা হুবহু এটি করে (স্তরগুলির জন্য সিএসএস এবং এইচটিএমএল উত্পন্ন করে এবং% মানগুলিতে রফতানির বিকল্প সরবরাহ করে) এবং ফটোশপের জন্য ওয়েব-ডেভের কাজটি অর্ধেকে কেটে দেয়। এখন আমি কৌতূহলী যে কেউ যদি কোনও প্লাগইন নিয়ে আসে / স্কেচ অ্যাপ্লিকেশনটির জন্য আমাকে এর মতো কোনও স্থানীয় বৈশিষ্ট্যে দেখায়। এর অনুপস্থিতি স্কেচে আমার ক্রান্তিকালটিকে পুনরায় ব্যথিত করে তুলছে। বা স্কেচে নতুন হয়ে আমি স্কেচ সিএসএস এবং এইচটিএমএলের সাথে যেভাবে কাজ করে সে সম্পর্কে আদর্শগতভাবে ভিন্ন কিছু অনুভব করছি।

উত্তর:


11

আপনি যে উত্তরটি সন্ধান করছেন এটি সম্ভবত এটি নাও হতে পারে তবে আমি ইঞ্জিনিয়ারদের কাছে মাঝারি, স্বতঃ উত্পাদিত শৈলী হস্তান্তর করার চেয়ে ভাল এটি পাই।

নির্বাচনী মার্কআপ

আমি নিশ্চিত যে আপনি স্কেচের প্রসঙ্গ মেনু CSS গ্র্যাবারটি আবিষ্কার করেছেন discovered আপনি নিজের পছন্দমতো যতগুলি অবজেক্ট নির্বাচন করতে পারেন এবং আপনি আপনার ক্লিপবোর্ডে এটি পেস্ট করার চেয়ে দ্রুত সিএসএস পাবেন।

সিএসএস বৈশিষ্ট্য প্রসঙ্গ পুরুষদের অনুলিপি করুন

অবশ্যই কোনও নির্বাচক নেই, এটি সত্যিই কেবল সিএসএস নোট। প্রতিটি ব্লকটি লেয়ারটির নাম ব্যবহার করে পূর্ববর্তী মন্তব্যে ডাকা হয়:

/* Rectangle 1: */
background: #C7C1B5;

/* Rectangle 1 Copy: */
background: #F5E618;

/* Rectangle 1 Copy 2: */
background: #FFFFFF;

ফাইল টীকা

স্কেচ পরিমাপ এমন একটি প্লাগ-ইন যা আপনার চশমা অনুসারে বিভিন্ন স্তরের টীকা উত্পন্ন করে। এখানে একটি ডেমো ভিডিও রয়েছে । মূল ধারণাটি হ'ল গুরুত্বপূর্ণ সংখ্যাগুলি বর্ননা করা এবং দেবকে তাদের নিজস্ব কোড লিখতে দেওয়া।

স্কেচ পরিমাপ প্লাগ-ইন

টীকা ছাড়াই

আপনি এই জাতীয় সরঞ্জামগুলি একা বা সংমিশ্রণেও দেখতে পারেন:

  • জ্যাপলিন আপনার দেবের পরিদর্শন করার জন্য আপনার স্কেচ ডিজাইনের একটি স্ট্যান্ড- একল , ভাগ করার যোগ্য সংস্করণ তৈরি করে, চাহিদা অনুযায়ী চশমা টেনে বের করে।
  • মার্ভেল একটি প্রোটোটাইপিং সরঞ্জাম যা স্কেচ ফাইলগুলি আমদানি করে। কোনও ইন্টারেক্টিভ প্রোটোটাইপের মতো যোগাযোগ করে না!

পরীক্ষামূলক এইচটিএমএল জেনারেটর

আমি এটি কখনও ব্যবহার করি নি, এবং এটি বিকাশের প্রাথমিক পর্যায়ে স্পষ্টভাবে তবে এটি ফলক প্লাগ-ইন আশাব্যঞ্জক দেখাচ্ছে।

স্বয়ংক্রিয়ভাবে এইচটিএমএল উত্পন্ন করার জন্য ব্লেড একটি স্কেচ 3 প্লাগইন। এটি গ্রুপের জন্য <div> ট্যাগ, পাঠ্যের জন্য <p> ট্যাগ তৈরি করবে etc.

এখানে চিত্র বর্ণনা লিখুন


1
আমি আরও উন্নত করার জন্য এটির জন্য আরও ভাল কাজ করার জন্য আর্কিটেকচার ওভারভিউ / গাইডের সাহায্যে ব্লেড রিডমে উন্নতি করেছি ... github.com/kristianmandrup/blade

2
আমরা প্রোটোশিপ ইউআইপ্যাড প্রকাশ করেছি যা ঠিক এটি করে। এটি স্কেচের জন্য একটি কোড জেনারেটর যা স্কেচ ডিজাইনগুলিকে এইচটিএমএল, সিএসএস, এসএএসএস এবং প্রতিক্রিয়া উপাদানগুলিতে রূপান্তর করে। এটি সিএসএসের জন্য বিইএম ব্যবহার করে এবং পরম অবস্থানের পরিবর্তে মার্জিন, প্যাডিংস, ফ্লোটস এবং ফ্লেক্সবক্স ব্যবহার করে। protoship.io/tools/uipad.html
জসিম

"আমরা মুক্তি পেয়েছি" বিভ্রান্তিমূলক - প্রোটোশিপ এক বছরের জন্য ওয়েটলিস্ট হয়েছে, এবং এখনও রয়েছে।
ক্রিস মোসচিনি 12

1

নীচের লিঙ্কগুলি দেখুন http://blog.mengto.com/the-best-hided-features-in-sketch/

আকর্ষণীয় স্কেচ টিউটোরিয়াল, টিপস এবং এমনকি কৌশলগুলি দিয়ে আপডেট রাখার জন্য মেনগ টু ব্লগ অনুসরণ করুন। http://blog.mengto.com/ https://designcode.io/


হাই কায়োডোর, আপনি দয়া করে আপনার সরবরাহিত লিঙ্কটির পিছনে আমরা কী খুঁজে পাব এবং কেন এটির প্রশ্নের উত্তর দেয়? এইভাবে, পরবর্তী সময়ে লিঙ্কটি ভাঙ্গার ক্ষেত্রে আপনার উত্তরটি এখনও মূল্যবান। লিঙ্ক পচা মূল কারণ যা আমরা এখানে লিঙ্ক-কেবল উত্তরগুলি সত্যিই অপছন্দ করি। আপনার প্রচেষ্টা এবং অবদান রাখার জন্য ধন্যবাদ!
অ্যান্ড্রুএইচ
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.