সিএসএসের সবচেয়ে খারাপ আপত্তি? [বন্ধ]

Question

সিএসএস-এর কয়েকটি দুর্দান্ত / সেরা / খারাপ গালাগালি কী?

উদাহরণস্বরূপ, এই আকারগুলি , বা পিক্সেল আর্ট তৈরি করতে একাধিক বক্স-ছায়া ব্যবহার করা হচ্ছে।

জনপ্রিয়তা-প্রতিযোগিতা 16/04/14 এ শেষ হবে।

Comments

এটিকে styleবৈশিষ্ট্যগুলিতে ইনলাইন ব্যবহার এবং!important প্রতিটিটিতে যুক্ত করা।

— ব্যবহারকারী 80551

আপনি কীভাবে অপব্যবহারের সংজ্ঞা দেন ? আমি অফ-টপিক তবে অনুপ্রেরণামূলক আকারগুলির সাথে লিঙ্কটির জন্য ধন্যবাদ।

— এএল

@ n.1 স্পেসিফিকেশনগুলি তৈরি করার সময় এমন কিছু যা স্পষ্টভাবে উদ্দেশ্যে করা হয়নি।

— 930913

এই প্রশ্নটি নিয়ম মেনে চলে না ।

— এএল

ইন্টারনেট ...

— টু

Answer 1

কিছু ডিউড কোনও ছবি খাঁটি সিএসএসে রূপান্তর করার জন্য একটি সরঞ্জাম তৈরি করেছে। এটি সিএসএসের মূল উদ্দেশ্যকে ছাড়িয়ে যায়।

এখানে একটি উদাহরণ (বিখ্যাত মোনালিসা): http://codepen.io/jaysalvat/pen/HaqBf

এবং এখানে সরঞ্জামটি রয়েছে: https://github.com/jaysalvat/image2css

Comments

Holyশ্বরের পবিত্র কুমারী মা! যখন আপনি গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড তৈরি করেন এটি বেশ দুর্দান্ত সরঞ্জাম এবং আপনার (কোনও কারণে) কোড আপনার কাছে না থাকে এবং আপনার এটির প্রয়োজন হয়।

— ইসমাইল মিগুয়েল

Answer 2

ফ্লাইতে চিত্র পরিবর্তন করা হচ্ছে

আমি অগত্যা এটি অপব্যবহার বলব না, তবে আপনি সম্পূর্ণ আলাদা চিত্র দেখানোর জন্য IMGপ্রদত্ত একটি প্রতিস্থাপন করতে CSS ব্যবহার করতে পারেন SRC।

@media print
{
    IMG
    {
        padding: 150px 200px 0px 0px; 
        background: url('lady.jpg'); 
        background-size:auto; 
        width:0px; height: 0px;
    }
}

দেখুন: /programming/2182716/how-can-we-specify-src-attribute-of-img-tag-in-css

@mediaকোনও ওয়েবপৃষ্ঠা প্রিন্ট করার সময় নির্বাচিতদের সাথে সম্পূর্ণ আলাদা চিত্র প্রদর্শনের জন্য মজাদার হতে পারে । (বিটিডব্লিউতে একই কৌশল করা যেতে পারে PDFa যে দলিলটি মুদ্রণ করছে এবং যে সমস্ত গুরুতর চেহারাযুক্ত চার্টগুলি সুন্দর মহিলা দ্বারা প্রতিস্থাপন করা হয়েছে তার মুখটি দেখে ভাল লাগল :))

Comments

+1 সহকর্মীদের প্রতিদান দেওয়ার নিষ্ঠুর কিন্তু বুদ্ধিমান পদ্ধতিগুলির জন্য ... এমন নয় যে আমি অবশ্যই এটি করতাম ...

— ওলিওয়েস্ট

আমি ইমগ {ব্যাকগ্রাউন্ড-ইমেজ with দিয়ে দেখেছি সেরা ব্যবহারটি একটি জেপিজি ব্যাকগ্রাউন্ড সহ একটি অ্যানিমেটেড জিআইএফ

— অ্যালবার্ট

Answer 3

আকার পরিবর্তনযোগ্য উপাদান:

resize:bothব্যবহারকারী দ্বারা কোনও উপাদানকে পুনরায় আকার দেওয়ার জন্য আপনি যুক্ত করতে পারেন ।
কিছু ব্রাউজারে এটি কেবলমাত্র এর উপর সমর্থিত <textarea>।

রিয়েল-টাইম সিএসএস পূর্বরূপ:

এটি আসল CSS বিষয় নয়, তবে আপনি contenteditableসম্পত্তি যুক্ত করতে পারেন, সম্পত্তি যুক্ত style="display:block;z-index:99;width:500px;height:500px;resizable:both;"করতে পারেন এবং আপনার সিএসএস সম্পাদনা করতে পারেন।

স্টাইলযুক্ত সিএসএস চেকবক্স / রেডিওব্যাটন:

উদাহরণস্বরূপ নিম্নলিখিত চিহ্নের টুকরোটি ব্যবহার করুন:

<input type="checkbox" id="check_all" name="check_all" value="1">
<label for="check_all">Check all</label>

আপনি CSS3 সিলেক্টর ব্যবহার display:noneকরে <input>এবং ব্যবহার করতে পারেন, আপনি চেকবক্স / রেডিওবুতনের বিভিন্ন রাজ্য দেখানোর জন্য একটি 'স্প্রাইট' পটভূমি সেট করতে পারেন।

উপাদানগুলির ক্রমটি গুরুত্বপূর্ণ, এবং ইনপুটটিতে সংযুক্তির সাথে for=""সম্পত্তিটি মিলানো id=""আরও বেশি গুরুত্বপূর্ণ!

আপনি এখানে কয়েকটি উদাহরণ দেখতে পারেন: http://www.csscheckbox.com/

ব্রাউজার নির্দিষ্ট নির্বাচক:

আমরা সবাই সিএসএস ক্লাস এবং মিডিয়া-প্রশ্নের সাথে কিছু প্রকারের জাভাস্ক্রিপ্ট মিশ্রণটি ব্যবহার করার চেষ্টা করেছি ...

ঠিক আছে, এখানে কয়েকটি ব্রাউজার নির্দিষ্ট নির্বাচক রয়েছে:

doesnotexist:-o-prefocus, #selector {}/*opera only*/
:root {}/*target all css3 browsers*/
:-moz-any(*){}/*mozilla and mozilla based only*/
:-webkit-any(*){}/*webkit only*/

আই আই এর জন্য, আপনার কাছে প্রচুর নির্বাচক রয়েছে। এর বেশি দরকার নেই।

Answer 4

আমি অনুমান করি এটি আপত্তি দ্বারা আপনি কী বোঝাতে চাইছেন তা নির্ভর করে তবে এটি আপনার ব্যবহারকারীদের ব্যাট করতে পারবে:

ভীষন ভীত হওয়ার ভাব

*:hover{
  zoom:99%;
}

(পৃষ্ঠার চারপাশে মাউস হিসাবে সমস্ত কিছু আপনাকে আঘাত করে)

বিশেষজ্ঞ-এক্সচেঞ্জ / পে-টু-ভিউ এফেক্ট

*{
  color:transparent;
  text-shadow:0 0 5px rgba(0,0,0,0.5);
}

(সমস্ত পাঠ্যকে অস্পষ্ট করে তোলে)

সিএসএস স্প্রাইট শিট ব্যবহার করে "অ্যানিমেটেড জিআইএফ'স"

http://jsfiddle.net/simurai/CGmCe/light/

(জাভা এর "দ্য ডুড" হাত বুলাচ্ছে)