সিএসএস শৈলী দর্শক / পরীক্ষক


12

সিএসএস একবার প্রয়োগ হয়েছে এমনটি দেখার জন্য কী এমন কোনও সাইট রয়েছে যা দেখতে বেশ কিছু সাধারণ এইচটিএমএল আছে?

আমি বলতে চাচ্ছি, কিছু পূর্ণ table, a, div, span, pযাই হোক না কেন। আপনি সেখানে যান, আপনার সিএসএসে পেস্ট করুন এবং ফলাফলগুলি দেখুন।


আপনার পছন্দের যে কোনও পৃষ্ঠা স্ক্র্যাপ করুন এবং ক্রোম বিকাশকারী সরঞ্জাম, ফায়ারব্যাগ বা আপনার অন্যান্য প্রিয় দেব সরঞ্জাম দিয়ে সিএসএস সম্পাদনা করুন।
মিসানফোর্ড

উত্তর:


4

বাহ, কেউ এইমাত্র এসও এ পোস্ট করেছেন।

এটি ঠিক চিকিত্সকের আদেশ অনুসারে: http://jsfiddle.net/

আপনি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট লিখতে পারেন এবং এটি সরাসরি চালাতে পারেন !! এছাড়াও তাদের কাছে ইতিমধ্যে জ্যাকুরি এবং অন্যান্য জিনিসগুলির রেফারেন্স রয়েছে!

আমি মনে করি ইন্টারনেট বিধি 33 হ'ল যদি আপনি এটি / কল্পনা করতে চান তবে এটির বাইরে! ;)


1
আমি jsFizz দেখেছি, তবে আমি এখানে যা খুঁজছি তা তা নয়। আমি এমন কিছু সন্ধান করছি যাতে একটি মক সাইট রয়েছে, সাধারণ এইচটিএমএল কোড পূর্ণ, যা আমার সিএসএস দেখতে কেমন তা দেখতে ব্যবহার করতে পারি। এ colorschemedesigner.com আপনি শুধু ক্লিক করতে পারেন "হাল্কা পৃষ্ঠা উদাহরণ" এবং এর জন্য আপনাকে Lipsum পৃষ্ঠা দেখায়।
হোমার

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

3

আমি কেবল http://colorschemedesigner.com/ জুড়ে হোঁচট খেয়েছি

এটি রঙ চয়ন করার জন্য দুর্দান্ত এবং রঙিন স্কিমটি কোনও সাধারণ পৃষ্ঠায় কীভাবে প্রয়োগ করা হবে তা দেখতে আপনাকে উদাহরণ পৃষ্ঠা প্রদর্শন করবে।

আপডেট: ওয়েবসাইটটি এখন http://paletton.com


2
এটি আপনার প্রশ্নের উত্তর বলে মনে হচ্ছে না।
জেরেমি

2

আমি কারও সম্পর্কে জানি না, তবে নিজেকে সেট আপ করা সহজ। আপনার বর্ণিত সমস্ত উপাদানগুলির সাথে কেবল একটি প্রাথমিক HTML ডকুমেন্ট তৈরি করুন। (আপনি প্রয়োজনে লিপসাম.কম থেকে পাঠ্য উত্পন্ন করতে পারেন )) তারপরে আপনার স্টাইলগুলি সংযুক্ত দেখতে ডকুমেন্টের শিরোনামে একটি সিএসএস ফাইলের সাথে লিঙ্ক করুন। পরের বার আপনি পরীক্ষা করতে চান, এটি অন্য কোনও সিএসএস ফাইলে নির্দেশ করতে এটি পরিবর্তন করুন।


2

আপনি যা চেয়েছিলেন ঠিক তা নয়, তবে আমি কম.জেএস এর লাইভ ওয়াচ মোডটি পছন্দ করি

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

লেসারসিএসএস সিনট্যাক্সটি সাধারণ সিএসএসের পাশাপাশি ব্যবহার করা যেতে পারে তবে এটির সাথে কাজ করা আরও দ্রুত এবং চয়ন করা সহজ (ফলাফলগুলি পরে সাধারণ সিএসএসে রূপান্তরিত হতে পারে)।

যেমন সরঞ্জামসমূহ Aviary আপনি সহজেই যা দ্রুত (অন লাইন ভাগ করে নেওয়ার যোগ্য সংযোগ সহ) সটীক করা যেতে পারে বা সংরক্ষিত এবং তুলনা আরেকটি হাতিয়ার (যেমন (নিচে স্ক্রলিং এবং সেলাই অটোমেশন সহ) স্ক্রিন শট নিতে অনুমতি দেয় ফটোশপ , গিম্পের , রঙ । নেট , ইত্যাদি) এগুলি স্তর হিসাবে ওভারলে করে এবং উপরে থাকা স্বচ্ছতার পরিবর্তন করে।

সম্পাদনা:

আপনি যদি স্ক্রিন শট প্রক্রিয়াটি স্বয়ংক্রিয় করতে চান (ফাইল সংরক্ষণে) যাতে:

  • যখন সমস্যা দেখা দেয় আপনি ইতিমধ্যে সমস্ত কিছু হস্তান্তর করতে পারেন
  • সংস্করণ নিয়ন্ত্রণে একটি চিত্র যুক্ত করা যেতে পারে (যা ফাইল সংরক্ষণে স্বয়ংক্রিয়ভাবেও করা যেতে পারে)
  • পেরিফেরি ক্রিয়াকলাপগুলির পরিবর্তে আপনি CSS এ মনোনিবেশ করতে পারেন

তারপরে আপনি কোনও স্ক্রিন গ্র্যাবার সহ ফাইল ওয়াচারের মতো কিছু ব্যবহার করতে পারেন (দয়া করে পাইথন ওরিয়েন্টেশনটি ক্ষমা করুন, অন্যান্য সমাধানগুলি প্রচুর পরিমাণে রয়েছে) । পোস্ট প্রসেসিংটি স্বয়ংক্রিয়ও হতে পারে এবং যদি আপনি সামঞ্জস্যপূর্ণ উইন্ডো অবস্থানগুলি (একটি প্রোগ্রাম / ডেস্কটপ পরিবেশ এটি সহায়তা করতে পারে) ব্যবহার করে তবে ব্রাউজারগুলির "ক্রোম" স্ক্রিপ্টের অংশ হিসাবে কাটা যাবে ped


1

ডাব্লু 3 স্কুলগুলি আপনাকে এইচটিএমএল এবং সিএসএসের বিধিগুলি সহ খেলতে দেয়। আপনি যে সিএসএস / এইচটিএমএল সাথে খেলতে চান তা সন্ধান করুন এবং এটি যেখানে "নিজের জন্য চেষ্টা করে দেখুন" দেখুন। এখানে তাদের এর border CSSপৃষ্ঠা এবং এখানে তাদের খেলার মাঠ এর


1

আমি আমার সমস্ত পৃষ্ঠাগুলি এইচটিএমএল / সিএসএসে তৈরি করি তারপরে ফায়ারব্যাগ বা ক্রোম ওয়েবমাস্টার সরঞ্জামগুলি শৈলীর সাথে যুক্ত / পরিবর্তন / পরীক্ষার জন্য ব্যবহার করি। এটি দ্রুত, সহজ এবং অস্থায়ী, যা পরীক্ষার জন্য দুর্দান্ত। এছাড়াও, আপনি নিজের সার্ভারে নিজের কোড দিয়ে কাজ করতে পারেন, এটি অন্য বোনাস।

বাজকিল: আমার ইউআই বিকাশকারী অংশ আপনাকে সতর্ক করে দিয়েছে যে ব্রাউজারগুলির মধ্যে পার্থক্যের কারণে সত্যিকারের নকশা সরঞ্জামে ধারণা করা ভাল এবং তারপরে নকল করার কোডটি .... কেবলই বলুন ...

পার্শ্ব নোট - আমি জ্যাকুরির ইউআই থার্মরোলারের একটি বিশাল অনুরাগী। পাশেই শৈলীগুলি পরিবর্তন করতে থেমেরলোলারের পক্ষে এই জাতীয় একটি সরঞ্জাম উপস্থিত রয়েছে। থেরোমলারের সিএসএসের মাধ্যমে কোনও সাইটকে পুরোপুরি থিম করা সম্ভব, তারপরে বিভিন্ন থিমের মধ্যে সহজভাবে টগল করা। আপনি যদি কখনও চেষ্টা না করে থাকেন তবে এটি সত্যিই স্থাপনার গতি বাড়িয়ে তুলতে পারে, বিশেষত যদি আপনি সেই "চকচকে" চেহারাটি খুঁজছেন যা এখনই এটি বেশ জনপ্রিয়।


0

আপনি সেখানে যান, আপনার সিএসএসে পেস্ট করুন এবং ফলাফলগুলি দেখুন।

আপনি এখানে যান: http://www.oswt.co.uk/developments/style_sheet_viewer/

ঠিক কি প্রশ্নে প্রয়োজন!


বেশ দুর্দান্ত, তবে আমার মনে যা ছিল তা পুরোপুরি নয়। এই সাইটটি CSS এর সাথে মেলে এইচটিএমএল জেনারেট করে। এটি দুর্দান্ত কারণ এটি আপনাকে আপনার সমস্ত শৈলীর ক্রিয়াকলাপ দেখাবে, তবে এটি কোনও 'মক' সাইটের মতো দেখতে কেমন তা প্রদর্শন করে না। আপনি যখন "হালকা পৃষ্ঠার উদাহরণ" লিঙ্কটি ক্লিক করেন তখন colorchemedesigner.com এ দেখার মতো কিছু
হোমার

0

আপনি যা চেয়েছিলেন সেটি যদি তা নিশ্চিত না তবে সিএসএস জেন গার্ডেনে এমন একটি HTML পৃষ্ঠা রয়েছে যাতে প্রচুর CSS ডিজাইন থাকে। আপনি এই সাইটের জন্য আপনার নিজের সিএসএস লিখতে পারেন, উদাহরণগুলি খুব অনুপ্রেরণামূলক।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.