এটি ওয়েব ডেভেলপমেন্টে সূচনা পয়েন্ট হিসেবে ব্যবহার করার জন্য ক্লাসলেস CSS থিমের একটি সংগ্রহ। এর পিছনে উৎস। আমি কীভাবে এই থিম পাব? আপনার ওয়েবসাইটের <head> এ এই স্নিপেট পেস্ট করুন। একটি বাগ পেয়েছেন? তালিকায় একটি থিম যোগ করতে চান? GitHub-এ cssbed উৎস দেখুন।
একটি ভিন্ন ক্লাসলেস থিমে এই একই পৃষ্ঠা দেখুন: HTML only, awsm.css, bahunya, bamboo, bootstrap, evenbettermotherfucking, holiday.css, kacit, marxy, meyer, minicss, mvp.css, no-class, pico.css, sakura, sakura-vader, simple.css, stylize.css, tacit, thebestmotherfucking, tufte, vanilla-css, w3c-chocolate, w3c-traditional, water.css-dark, water.css-light, wright, yorha।
কেন ক্লাসলেস থিম ব্যবহার করবেন? প্রতিক্রিয়াশীল। ভাল ব্রাউজার সমর্থন। সুন্দর। ছোট আকার (< কয়েক kb) - আপনি প্রতিটি কল্পনাযোগ্য উইজেটে বাইট নষ্ট করেন না। কোন শেখার বক্ররেখা নেই - ডক্সে গিয়ে কোন ক্লাস কী করে তা শিখতে এবং ফ্রেমওয়ার্কের সাথে লড়াই করার পরিবর্তে সাধারণভাবে HTML ব্যবহার করুন। মূল Hacker News থ্রেড। এটি কি প্রতিক্রিয়াশীল? হ্যাঁ অবশ্যই! এতে কোন অভিনব স্টাইল নেই তাই এটি সহজেই মোবাইল প্রতিক্রিয়াশীল। শুধু বিখ্যাত প্রতিক্রিয়াশীল ভিউপোর্ট ট্যাগ যোগ করুন এবং আপনি যেতে প্রস্তুত! আসলে, এই পৃষ্ঠার আকার পরিবর্তন করার চেষ্টা করুন। সবকিছু খুব সুন্দরভাবে প্রবাহিত হয় যেমন আপনি দেখতে পাবেন।
উপাদান ডেমো: এটি একটি ডেমো পৃষ্ঠা হওয়ার কথা তাই আমাদের আরও উপাদান দরকার! ফর্ম উপাদান। কোড: নীচে কিছু কোড আছে, আপনি এটি Ctrl-C দিয়ে কপি করতে পারেন। আপনি কি জানেন, alert(1) JavaScript-এ একটি সতর্কতা দেখাতে পারে! // এটি কনসোলে একটি বার্তা লগ করে console.log('Hello, world!')। অন্যান্য: এখানে একটি অনুভূমিক নিয়ম এবং চিত্র আছে কারণ আমি জানি না এগুলি আর কোথায় রাখব। এটি একটি বা আরও আনুষ্ঠানিক। এটি একটি ব্লককোট। ভাল পুরানো প্রিফর্ম্যাটেড টেক্সট, কোন কোড নেই। এবং এখানে একটি সুন্দরভাবে চিহ্নিত টেবিল! নাম: Godzilla, পরিমাণ: 2, মূল্য: $299.99; নাম: Mozilla, পরিমাণ: 10, মূল্য: $100,000.00; নাম: Quesadilla, পরিমাণ: 1, মূল্য: $2.22। টাইপোগ্রাফি: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque dictum hendrerit velit, quis ullamcorper sem congue ac. Quisque id magna rhoncus, sodales massa vel, vestibulum elit. Duis ornare accumsan egestas. Proin maximus lacus interdum leo molestie convallis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut iaculis risus eu felis feugiat, eu mollis neque elementum. Donec interdum, nisl id dignissim iaculis, felis dui aliquet dui, non fermentum velit lectus ac quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. এটি শক্তিশালী, এটি স্বাভাবিক, এটি শুধু গাঢ়, এবং এটি জোর দেওয়া! এবং আরে, এখানে একটি লিঙ্ক।
উৎস: Hacker News · সারাংশ: HeadlinesBriefing