هذه مجموعة من سمات CSS بدون فئات لاستخدامها كنقاط بداية في تطوير الويب. المصدر وراء هذا. كيف أحصل على هذه السمة؟ الصق هذا المقتطف في <head> لموقعك على الويب. وجدت خطأ؟ تريد إضافة سمة إلى القائمة؟ راجع مصدر cssbed على github.
شاهد نفس الصفحة في سمة مختلفة بدون فئات: 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.
لماذا استخدام سمات بدون فئات؟ متجاوب. دعم جيد للمتصفحات. جميل. حجم صغير (< بضعة كيلوبايت) - لا تهدر البايتات على كل عنصر واجهة يمكن تخيله. لا منحنى تعلم - استخدم HTML كما تفعل عادة بدلاً من الذهاب إلى الوثائق لمعرفة أي فئة تفعل ماذا والاضطرار لمحاربة الإطار. سلسلة Hacker News الأصلية. هل هو متجاوب؟ بالتأكيد! لا يتضمن أي أنماط فاخرة لذا فهو سهل التجاوب مع الجوال. فقط أضف علامة viewport المتجاوبة الشهيرة وستكون جاهزًا! في الواقع، حاول تغيير حجم هذه الصفحة. كل شيء يتدفق بشكل رائع كما سترى.
عروض العناصر: من المفترض أن تكون هذه صفحة عرض لذا نحتاج إلى المزيد من العناصر! عناصر النموذج. الكود: أدناه بعض الكود، يمكنك نسخه باستخدام Ctrl-C. هل تعلم، alert(1) يمكن أن يظهر تنبيهًا في JavaScript! // هذا يسجل رسالة إلى وحدة التحكم console.log('Hello, world!'). أخرى: هنا قاعدة أفقية وصورة لأنني لا أعرف أين أضعها. هذا هو أو أكثر رسمية. هذا هو blockquote. نص منسق مسبقًا جيد قديم، لا كود على الإطلاق. وهنا جدول مميز بشكل جيد! الاسم: 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