সিএসএস ফ্রেমওয়ার্ক ব্যবহারের জন্য সর্বোত্তম অনুশীলনের পরিস্থিতিগুলি কী কী? ফ্রেমওয়ার্ক ব্যবহার না করে স্ক্র্যাচ থেকে সিএসএসকে "নিজের রোল করা" কখন ভাল?
সিএসএস ফ্রেমওয়ার্ক ব্যবহারের জন্য সর্বোত্তম অনুশীলনের পরিস্থিতিগুলি কী কী? ফ্রেমওয়ার্ক ব্যবহার না করে স্ক্র্যাচ থেকে সিএসএসকে "নিজের রোল করা" কখন ভাল?
উত্তর:
সিএসএস ফ্রেমওয়ার্কগুলি কিছুটা জটিল কারণ আমার কাছে সত্যিকারের ফ্রেমওয়ার্ক নয়। এগুলি কেবল পূর্বনির্ধারিত শ্রেণি। তবে, এটি আপনার প্রশ্ন নয়।
সিএসএস ফ্রেমওয়ার্কগুলি মক-আপগুলি এবং তারের ফ্রেমের জন্য দুর্দান্ত। আমি তাদের লাইভ সাইটে ব্যবহার করার পরামর্শ দেব না কারণ তারা আপনার মার্কআপে অর্থহীন ক্লাস যুক্ত করে। ".span3" সামগ্রী সম্পর্কে আমাকে কিছু বলবেন না, কেবল নকশা।
তবে ব্লুপ্রিন্টে কিছু দুর্দান্ত সরঞ্জাম রয়েছে যা আপনাকে এর ফ্রেমওয়ার্কের ক্লাসগুলি এবং আপনার শব্দার্থকগুলি একবার করে ফেললে সহায়তা করে help
আমি সবসময় আমার নিজের সিএসএস রোল করি।
এগুলি এড়িয়ে চলুন, তারা বিরক্তিকর ছাড়া কিছুই নয়।
বিশেষত এই এক।
* { margin:0; padding:0; }
আমার সবচেয়ে বড় অভিযোগ হ'ল যদি আপনি কোনও সাইটের উত্তরাধিকারী / রক্ষণ করেন যা কোনও রিসেট এবং / অথবা একটি কাঠামো ব্যবহার করে তবে সাইটটি পরিবর্তন করতে সক্ষম হওয়ার আগে আপনাকে অবশ্যই সেই কাঠামোটি শিখতে হবে।
আমি যখন এইচ 1 ট্যাগ যুক্ত করি তখন আমি কিছু জিনিস আশা করি। বেশিরভাগ পুনরায় সেটগুলি সমস্ত প্যাডিং, মার্জিন, ব্লক ইত্যাদি কেড়ে নেয় যাতে কোনও এইচ 1 ট্যাগ আর ডিফল্টরূপে এটি করা উচিত হয় না। সুতরাং আমাকে ফিরে যেতে হবে এবং সেখানে যা ছিল সেখানে প্রথম স্থানটি যুক্ত করতে হবে।
সাধারণত (আমার অভিজ্ঞতায়) এর লোকেরা সিএসএস বুঝতে পারে না যা পুনরায় সেট এবং ফ্রেমওয়ার্ক ব্যবহার করে এবং এটি এমন লোকদের জন্য আরও কাজ করে।
* {margin:0; padding:0;}সকলের মধ্যে সবচেয়ে গুরুত্বপূর্ণ সিএসএস রিসেট। এটি margin-top/maring-bottomসমস্ত ট্যাগ এমনকি ট্যাগগুলিকেও সরিয়ে দেয় pযাতে আপনি প্রতিটি লাইনের মধ্যে বিশাল স্থান দেখতে পাবেন না। এমনকি এই ওয়েবসাইটটি সম্ভবত ব্যবহার করছে p {margin:0;}অন্যথায় ব্রাউজারটি প্রতিটি লাইনের মধ্যে একটি বিশাল স্থান বাস করবে। আমি ভাবছি আপনি কীভাবে বলতে পারেন যে তারা বিরক্তিকর।
আমি এরিক মেয়ারের থেকে একটি রিসেট.এসএস ব্যবহার করার পরামর্শও দিচ্ছি, তবে আমার ধারণা যে সিএসএস "ফ্রেমওয়ার্কগুলি" লেআউটের জন্য উপকারী হতে পারে। ব্লুপ্রিন্ট, ওয়াইউআই গ্রিড এবং 960-গ্রিড আপনাকে নিজেরাই সিএসএস না লিখে কয়েকটি অত্যন্ত জটিল বিন্যাস অর্জন করতে সহায়তা করতে পারে।
যদিও এখানে কিছু ত্রুটিগুলি উল্লেখ করা হয়েছে, উদাহরণস্বরূপ কাস্টম কোডটি ঘোরানোর পরিবর্তে কোনও সিএমএসের বাইরে ওয়েবসাইট তৈরির বিষয়ে একই কথা বলা যেতে পারে তবে তারা এখনও কার্যকর হতে পারে এবং অনেক সাইটের ক্ষেত্রে সুবিধাগুলি যে কোনও বহিরাগত সিএসএস বা পারফরম্যান্স সমস্যা ছাড়িয়ে যায়।
যদি আপনি প্রকৃতপক্ষে নিজের ডিজাইন বাস্তবায়ন করেন তবে আপনি নিজের কিছু সিএসএস লিখতে যাচ্ছেন (যদি না অন্য কারওর কাছে আপনি চান সঠিক নকশাটি লিখেছেন)।
ধরে নিই যে আপনি নিজের কিছু সিএসএস লিখছেন, আপনার যখন স্টাইলগুলি রয়েছে তখন "ফ্রেমওয়ার্কগুলি" কার্যকর হতে পারে:
সত্যিই সহজ শৈলীর জন্য, কিছু কী (উদাহরণস্বরূপ ) তা বোঝাতে ক্লাস ব্যবহার করা আরও ভাল class="navigation"এবং তারপরে আপনার স্টাইলশীটে সেই শ্রেণীর জন্য শৈলীর বিধি প্রয়োগ করে এর চেহারাটি সংজ্ঞায়িত করা ভাল।
তবে আরও জটিল শৈলীর জন্য যা অগত্যা কোনও একটি উপাদানের সাথে আবদ্ধ নয় (যেমন লেআউট-সম্পর্কিত শৈলী, ফ্রেমওয়ার্ক যেমন ধরণের নাম দেয় .span3), সেগুলিকে একটি শ্রেণিতে স্থাপন করা, এবং CSS এ সেই শ্রেণি প্রয়োগ করার কোনও সমস্যা নেই। আপনি উভয় পন্থা একসাথে ব্যবহার করতে পারেন।
বৃহত্তর, আরও জটিল সাইটগুলিতে যেখানে উপাদানগুলি অবিশ্বাস্য উপায়ে একত্রিত হওয়ার সম্ভাবনা রয়েছে, সেখানে একটি কাঠামোর মতো দৃষ্টিভঙ্গি সত্যিই আপনার কোডটিকে পরিচালনাযোগ্য রাখতে সহায়তা করতে পারে।
আমি বলব যে আপনি পাশাপাশি নিজের "ফ্রেমওয়ার্ক" লিখতে পারেন। আমি উদ্ধৃতিগুলিতে "কাঠামো" রেখেছি কারণ সিএসএস সত্যিই এত বড় কোনও ভাষা নয়। আপনি সিএসএস পড়তে পারেন: একটি দিনে ডেফিনিটিভ গাইড (এরিক মায়ার), তারপরে সমস্ত কোড যেমন ব্লুপ্রিন্ট (একটি সিএসএস "ফ্রেমওয়ার্ক") পড়ুন এবং কী চলছে তা বেশ বুঝতে পারবেন। আপনার আইই ওয়ার্কআরউন্ডসটি কিছুটা গবেষণা করার দরকার হতে পারে তবে আমরা এখানে কমপক্ষে জটিলতার কম অর্ডার যেমন jQuery এর চেয়ে কম জটিলতার কথা বলছি।
সিএসএসের জন্য আমি ব্লুপ্রিন্ট ব্যবহার করি।
সিএসএস হ'ল উপরের প্রত্যেকে যেমন বলেছেন সত্যই সোজা।
তবে, বাস্তবে, আপনাকে প্ল্যাটফর্মটি বিবেচনা করতে হবে।
সিএসএসের সাহায্যে রেন্ডারিং ইঞ্জিন জটিলতায় যোগ করে।
গেকো বনাম ওয়েবকিট বনাম প্রেস্টো বনাম ট্রিডেন্ট ... কে এই সমস্ত জিনিসগুলি করতে চায়?
একটি 'ফ্রেমওয়ার্ক' আপনাকে এখানে কী দেয়, তা লেআউটগুলি লেখার ক্ষমতা যা সম্ভবত সমস্ত ব্রাউজারে কাজ করে, তাই আপনাকে 'ডাব্লুটিএফ-এম-আই-করিং = -তাই-ক্র্যাপ' আইই 7 কোয়ার্কস্মোডের জন্য গুগলিং করতে হবে না ঠিক করুন, বা অনুরূপ হাস্যকর কিছু।
ফ্রেমওয়ার্কগুলি আপনি চান 90% লেআউটটি করবে এবং তারপরে আপনি সর্বদা নিজের শৈলীতে পরে যুক্ত করতে পারেন।
সুতরাং, প্রশ্নের উত্তর দেওয়ার জন্য, আমি বলতে চাই যে কোনও কাঠামো বাছাই করুন এবং দেখুন এটি আপনার জন্য কাজ করে কিনা। এটা ঠিক পারে। তারপরে আপনি সোনার হন এবং আপনি যা করতে চান তা ফিরে পেতে পারেন। যদি তা না হয় তবে সিএসএস ব্যবহার করে এটি প্রসারিত করুন এবং যা কাজ করে না তা পরিবর্তন করুন। এইভাবে আপনি ক্রস ব্রাউজার সুবিধা বজায় রাখুন, তবে এখনও কাস্টমাইজ করতে পারেন।
একটি ছোট সুবিধা হিসাবে, আপনি যদি একটি বাছাই করেন এবং সর্বদা এটি ব্যবহার করেন, এবং তারপরে অসুস্থ হন, বা পদোন্নতি পান এবং আপনার উত্তরসূরিকে প্রশিক্ষণ দিতে হয়, আপনি বলতে পারেন:
"হ্যাঁ, আমি ফ্রেমওয়ার্ক এবিসি ব্যবহার করেছি। ডক্স এখানে রয়েছে। কোড রয়েছে। প্রশিক্ষণ শেষ হয়েছে। শুভকামনা।"
যখন এটি আপনার সমস্ত চাহিদা সমাধান করে । (এটি টেইলারিংয়ের ধারণার উপর ভিত্তি করে ))
ফ্রেমওয়ার্কের একমাত্র বই থেকে? http://www.oreilly.com/web-platform/free/book-of-html-css-frameworks.csp । (কেবল লিঙ্কিং কারণ এটি এখানে নিখরচায় এবং প্রাসঙ্গিক))