#css #frontend

Matnni qanday qilib n ta qatorgacha cheklash va qolganini yashirish mumkin?

 p {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}

@frontend

Bugungi vazifa yuboriladi:
Juma (12.07.2024), soat: 20:00

Deadline:
Shanba (13.07.2024), soat: 20:00

Qolgan kunlari shu tarzda davom etadi...

DRY termini

DRY (Don't Repeat Yourself) prinsipi dasturiy ta'minot ishlab chiqishda juda muhim hisoblanadi va uning asosiy maqsadi kodni takrorlashni oldini olishdir. Bu prinsip dasturiy ta'minotning o'qilishini, qo'llab-quvvatlanishini va kengaytirilishini osonlashtiradi.

DRY prinsipining ko'plab afzalliklari bor:

Aytaylik yuqoridagi kod misolida agar biz DRY prinsipiga amal qilinmagan holatdagisiga qaraylik. Agarda "button"ning biror xususiyatini o'zgartirmoqchi bo'lsak biz barcha "button"larni o'sha xususiyatlarnini bittama-bitta yozib chiqishga majbur bo'lamiz. Aytaylik "border-radius" xususiyati qiymatini 12px qilmoqchimiz.

Lekin biz DRY prinsipiga amal qilingan holatdagi kodga qarasak, ".button" classli elementning xususiyatini o'zgartirsak ".button" classli barcha elementlarni xususiyatlarini bitta kod blokida o'zgartira olamiz.

Masalan bunday ko'rinishda foydalanamiz:

<button class="button button-primary">Button</button>

Humoyunmirzo

Rasmga nom beramiz
Dasturlashga xos bo'lsin!

@frontend

#100DaysOfFrontend #beginner

1 - kun | Profile card

Texnologiya: Html, Css/Css kutubxonalari
Dizayn: Figma
Deadline: 13.07.2024 — 20:00

P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.

@frontend

#100DaysOfFrontend #beginner

2 - kun | Product page

Texnologiya: Html, Css/Css kutubxonalari, Js
Dizayn: Figma
Deadline: 14.07.2024 — 20:00

P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy.

@frontend