সিএসএস একবার প্রয়োগ হয়েছে এমনটি দেখার জন্য কী এমন কোনও সাইট রয়েছে যা দেখতে বেশ কিছু সাধারণ এইচটিএমএল আছে?
আমি বলতে চাচ্ছি, কিছু পূর্ণ table
, a
, div
, span
, p
যাই হোক না কেন। আপনি সেখানে যান, আপনার সিএসএসে পেস্ট করুন এবং ফলাফলগুলি দেখুন।
সিএসএস একবার প্রয়োগ হয়েছে এমনটি দেখার জন্য কী এমন কোনও সাইট রয়েছে যা দেখতে বেশ কিছু সাধারণ এইচটিএমএল আছে?
আমি বলতে চাচ্ছি, কিছু পূর্ণ table
, a
, div
, span
, p
যাই হোক না কেন। আপনি সেখানে যান, আপনার সিএসএসে পেস্ট করুন এবং ফলাফলগুলি দেখুন।
উত্তর:
বাহ, কেউ এইমাত্র এসও এ পোস্ট করেছেন।
এটি ঠিক চিকিত্সকের আদেশ অনুসারে: http://jsfiddle.net/
আপনি এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট লিখতে পারেন এবং এটি সরাসরি চালাতে পারেন !! এছাড়াও তাদের কাছে ইতিমধ্যে জ্যাকুরি এবং অন্যান্য জিনিসগুলির রেফারেন্স রয়েছে!
আমি মনে করি ইন্টারনেট বিধি 33 হ'ল যদি আপনি এটি / কল্পনা করতে চান তবে এটির বাইরে! ;)
আমি কেবল http://colorschemedesigner.com/ জুড়ে হোঁচট খেয়েছি ।
এটি রঙ চয়ন করার জন্য দুর্দান্ত এবং রঙিন স্কিমটি কোনও সাধারণ পৃষ্ঠায় কীভাবে প্রয়োগ করা হবে তা দেখতে আপনাকে উদাহরণ পৃষ্ঠা প্রদর্শন করবে।
আপডেট: ওয়েবসাইটটি এখন http://paletton.com
আমি কারও সম্পর্কে জানি না, তবে নিজেকে সেট আপ করা সহজ। আপনার বর্ণিত সমস্ত উপাদানগুলির সাথে কেবল একটি প্রাথমিক HTML ডকুমেন্ট তৈরি করুন। (আপনি প্রয়োজনে লিপসাম.কম থেকে পাঠ্য উত্পন্ন করতে পারেন )) তারপরে আপনার স্টাইলগুলি সংযুক্ত দেখতে ডকুমেন্টের শিরোনামে একটি সিএসএস ফাইলের সাথে লিঙ্ক করুন। পরের বার আপনি পরীক্ষা করতে চান, এটি অন্য কোনও সিএসএস ফাইলে নির্দেশ করতে এটি পরিবর্তন করুন।
আপনি যা চেয়েছিলেন ঠিক তা নয়, তবে আমি কম.জেএস এর লাইভ ওয়াচ মোডটি পছন্দ করি ।
সাধারণত আমি এইচটিএমএল বা এক্সএইচটিএমএল এর যে কোনও স্বাদে ম্যানুয়ালি প্রয়োজনীয় যাবতীয়ভাবে কোনও উপাদান / সংমিশ্রণ উপস্থাপন করি তবে আপনি উপাদানগুলির নিজস্ব মাস্টার ডকুমেন্ট তৈরি করতে পারেন। আপনি যদি সমস্ত ব্রাউজারে (বা একটি দ্বিতীয় কম্পিউটার ব্যবহার করেন) খুলতে দ্বিতীয় মনিটরে (বা দুটি, তিন, ইত্যাদি) প্লাগ ইন করেন তবে আপনার সংরক্ষণ করা যে কোনও পরিবর্তনগুলি একবারে তাদের সকলের জন্য সরাসরি প্রয়োগ করা হয়।
লেসারসিএসএস সিনট্যাক্সটি সাধারণ সিএসএসের পাশাপাশি ব্যবহার করা যেতে পারে তবে এটির সাথে কাজ করা আরও দ্রুত এবং চয়ন করা সহজ (ফলাফলগুলি পরে সাধারণ সিএসএসে রূপান্তরিত হতে পারে)।
যেমন সরঞ্জামসমূহ Aviary আপনি সহজেই যা দ্রুত (অন লাইন ভাগ করে নেওয়ার যোগ্য সংযোগ সহ) সটীক করা যেতে পারে বা সংরক্ষিত এবং তুলনা আরেকটি হাতিয়ার (যেমন (নিচে স্ক্রলিং এবং সেলাই অটোমেশন সহ) স্ক্রিন শট নিতে অনুমতি দেয় ফটোশপ , গিম্পের , রঙ । নেট , ইত্যাদি) এগুলি স্তর হিসাবে ওভারলে করে এবং উপরে থাকা স্বচ্ছতার পরিবর্তন করে।
সম্পাদনা:
আপনি যদি স্ক্রিন শট প্রক্রিয়াটি স্বয়ংক্রিয় করতে চান (ফাইল সংরক্ষণে) যাতে:
তারপরে আপনি কোনও স্ক্রিন গ্র্যাবার সহ ফাইল ওয়াচারের মতো কিছু ব্যবহার করতে পারেন (দয়া করে পাইথন ওরিয়েন্টেশনটি ক্ষমা করুন, অন্যান্য সমাধানগুলি প্রচুর পরিমাণে রয়েছে) । পোস্ট প্রসেসিংটি স্বয়ংক্রিয়ও হতে পারে এবং যদি আপনি সামঞ্জস্যপূর্ণ উইন্ডো অবস্থানগুলি (একটি প্রোগ্রাম / ডেস্কটপ পরিবেশ এটি সহায়তা করতে পারে) ব্যবহার করে তবে ব্রাউজারগুলির "ক্রোম" স্ক্রিপ্টের অংশ হিসাবে কাটা যাবে ped
ডাব্লু 3 স্কুলগুলি আপনাকে এইচটিএমএল এবং সিএসএসের বিধিগুলি সহ খেলতে দেয়। আপনি যে সিএসএস / এইচটিএমএল সাথে খেলতে চান তা সন্ধান করুন এবং এটি যেখানে "নিজের জন্য চেষ্টা করে দেখুন" দেখুন। এখানে তাদের এর border CSS
পৃষ্ঠা এবং এখানে তাদের খেলার মাঠ এর ।
আমি আমার সমস্ত পৃষ্ঠাগুলি এইচটিএমএল / সিএসএসে তৈরি করি তারপরে ফায়ারব্যাগ বা ক্রোম ওয়েবমাস্টার সরঞ্জামগুলি শৈলীর সাথে যুক্ত / পরিবর্তন / পরীক্ষার জন্য ব্যবহার করি। এটি দ্রুত, সহজ এবং অস্থায়ী, যা পরীক্ষার জন্য দুর্দান্ত। এছাড়াও, আপনি নিজের সার্ভারে নিজের কোড দিয়ে কাজ করতে পারেন, এটি অন্য বোনাস।
বাজকিল: আমার ইউআই বিকাশকারী অংশ আপনাকে সতর্ক করে দিয়েছে যে ব্রাউজারগুলির মধ্যে পার্থক্যের কারণে সত্যিকারের নকশা সরঞ্জামে ধারণা করা ভাল এবং তারপরে নকল করার কোডটি .... কেবলই বলুন ...
পার্শ্ব নোট - আমি জ্যাকুরির ইউআই থার্মরোলারের একটি বিশাল অনুরাগী। পাশেই শৈলীগুলি পরিবর্তন করতে থেমেরলোলারের পক্ষে এই জাতীয় একটি সরঞ্জাম উপস্থিত রয়েছে। থেরোমলারের সিএসএসের মাধ্যমে কোনও সাইটকে পুরোপুরি থিম করা সম্ভব, তারপরে বিভিন্ন থিমের মধ্যে সহজভাবে টগল করা। আপনি যদি কখনও চেষ্টা না করে থাকেন তবে এটি সত্যিই স্থাপনার গতি বাড়িয়ে তুলতে পারে, বিশেষত যদি আপনি সেই "চকচকে" চেহারাটি খুঁজছেন যা এখনই এটি বেশ জনপ্রিয়।
আপনি সেখানে যান, আপনার সিএসএসে পেস্ট করুন এবং ফলাফলগুলি দেখুন।
আপনি এখানে যান: http://www.oswt.co.uk/developments/style_sheet_viewer/
ঠিক কি প্রশ্নে প্রয়োজন!
আপনি যা চেয়েছিলেন সেটি যদি তা নিশ্চিত না তবে সিএসএস জেন গার্ডেনে এমন একটি HTML পৃষ্ঠা রয়েছে যাতে প্রচুর CSS ডিজাইন থাকে। আপনি এই সাইটের জন্য আপনার নিজের সিএসএস লিখতে পারেন, উদাহরণগুলি খুব অনুপ্রেরণামূলক।