Yangi formatda davom etish uchun: https://uzfor.net/view.php?id=28921
Less CSS
Xabarlar
Less CSS haqida suxbatlashamiz.
Fayl turi .less bu ham huddi css kabi ammo qulayliklari unga qaraganda ko'proq.
Sayti: http://lesscss.org
Fayl turi .less bu ham huddi css kabi ammo qulayliklari unga qaraganda ko'proq.
Sayti: http://lesscss.org
LESS - Alexis Sellier tomonidan ishlab chiqilgan dinamik uslubdir. U Sass uslubi tilining ta'siri ostida yaratilgan va o'z navbatida CSS-ning kengaytmasi bo'lgan sintaksisini ishlatgan "SCSS" ning yangi sintaksisiga ta'sir qilgan
Less CSS CSSdan ancga farq qiladi.
Lessda kod terish strukturasi asosan HTML strukturasiga o'xshaydi.
CSSda yasalgan styleda 10000tacha simvol ishlatilsa huddi shu style lessda 7-8ming simvolgacha qisqaradi.
Less hatto matematikani ham tushunadi.
Unda color px larni + - * / mumkun.
Less boshqa koplab imkonyatlarga ega. Man ozroq malumot berib o'tdim halos
6 daqiqa 34 soniyadan keyin yozdi:
Less CSSni birgalikda o'rganamiz degan umiddaman.
Lessni o'rganishni maslahat beraman. Chunki web dasturlashda CSSdan foydalangandan Lessda foydalangan ancha qulay.
Lessda kod terish strukturasi asosan HTML strukturasiga o'xshaydi.
CSSda yasalgan styleda 10000tacha simvol ishlatilsa huddi shu style lessda 7-8ming simvolgacha qisqaradi.
Less hatto matematikani ham tushunadi.
Unda color px larni + - * / mumkun.
Less boshqa koplab imkonyatlarga ega. Man ozroq malumot berib o'tdim halos
6 daqiqa 34 soniyadan keyin yozdi:
Less CSSni birgalikda o'rganamiz degan umiddaman.
Lessni o'rganishni maslahat beraman. Chunki web dasturlashda CSSdan foydalangandan Lessda foydalangan ancha qulay.
sass ham bor lessga o'xshagan undan ancha qulayroq
1 daqiqa 34 soniyadan keyin yozdi:
kimda savol bo'lsa less sass haqida qo;ldan kelgancha yordam beraman
1 daqiqa 34 soniyadan keyin yozdi:
kimda savol bo'lsa less sass haqida qo;ldan kelgancha yordam beraman
MrShahzodbek, # MrShahzodbek (06.05.2018 / 05:43)
Yaxshi narsaga o'xshayabdi. O'zgaruvchilarni ishlatar ekanmiz phpdek.ha zo'r narsa masalan $yashil: green;
deb ozgaruvchi kritvolib css fayl ichida color: $yashil; debishlatib ketoras
Yaxshi narsaga o'xshayabdi. O'zgaruvchilarni ishlatar ekanmiz phpdek.ha zo'r narsa masalan $yashil: green;
deb ozgaruvchi kritvolib css fayl ichida color: $yashil; debishlatib ketoras
developer, # developer (14.11.2018 / 21:08)
sass ham bor lessga o'xshagan undan ancha qulayroq
1 daqiqa 34 soniyadan keyin yozdi:
kimda savol bo'lsa less sass haqida qo;ldan kelgancha yordam beramanBirorta less cssg kodga namuna keltiraolasizmi?
sass ham bor lessga o'xshagan undan ancha qulayroq
1 daqiqa 34 soniyadan keyin yozdi:
kimda savol bo'lsa less sass haqida qo;ldan kelgancha yordam beramanBirorta less cssg kodga namuna keltiraolasizmi?
mr_nokia02, <style>
@width: 10px;
@height: @width + 10px;
.header {
background-color: black;
width: @width;
height: @height;
}
</style>
<fiv class="header">Bu header classi</div>
Buni .html fayliga yozasiz
@width: 10px;
@height: @width + 10px;
.header {
background-color: black;
width: @width;
height: @height;
}
</style>
<fiv class="header">Bu header classi</div>
Buni .html fayliga yozasiz
+ (1): mr_nokia02,
CHEfan, # CHEfan (18.11.2018 / 14:15)
mr_nokia02, <style>
@width: 10px;
@height: @width + 10px;
.header {
background-color: black;
width: @width;
height: @height;
}
</style>
<fiv class="header">Bu header classi</div>
<fiv class... ?
Div deb yozmoqchi bölib xato ketib qoldimi yoki fiv böladimi?
mr_nokia02, <style>
@width: 10px;
@height: @width + 10px;
.header {
background-color: black;
width: @width;
height: @height;
}
</style>
<fiv class="header">Bu header classi</div>
<fiv class... ?
Div deb yozmoqchi bölib xato ketib qoldimi yoki fiv böladimi?
CHEfan, Oʻrnatish shart emasmi?
Shoxruh8143, HTML sahifaga css ni ulagan dek ulaysiz. Ammo uni ishlatish uchun pragramma ustanovka qib yurmaysiz.
Shoxruh8143, # Shoxruh8143 (09.03.2019 / 22:27)
CHEfan, Oʻrnatish shart emasmi?Bu yerda faqat .less holos, u aslida .css
CHEfan, Oʻrnatish shart emasmi?Bu yerda faqat .less holos, u aslida .css
CryptedSM, Brauzer buni oʻqiydimi?
Shoxruh8143, # Shoxruh8143 (10.03.2019 / 07:37)
CryptedSM, Brauzer buni oʻqiydimi?Yandexdan sorab koring, qaysi brauzerlar less tehnologiyani qollaydi deb.U ham huddi css kabi ulanadi.
CryptedSM, Brauzer buni oʻqiydimi?Yandexdan sorab koring, qaysi brauzerlar less tehnologiyani qollaydi deb.U ham huddi css kabi ulanadi.
CryptedSM, Uzr, savolni notoʻgʻri beribman. LESSʼni qanday qilib, CSSʼga kompilatsiya qilsam boʻladi?
Shoxruh8143, # Shoxruh8143 (10.03.2019 / 07:58)
CryptedSM, Uzr, savolni notoʻgʻri beribman. LESSʼni qanday qilib, CSSʼga kompilatsiya qilsam boʻladi?Qanaqa kompilyatsiya?
Bu LESS:
BU Classic CSS:
Lessga js foydalanish:
CryptedSM, Uzr, savolni notoʻgʻri beribman. LESSʼni qanday qilib, CSSʼga kompilatsiya qilsam boʻladi?Qanaqa kompilyatsiya?
Bu LESS:
@color-base:#2d5e8b; .class1{background-color:@color-base; .class2{background-color:#fff; color:@color-base; } }
BU Classic CSS:
.class1{background-color:#2d5e8b; } .class1.class2{background-color:#fff; color:#2d5e8b; }
Lessga js foydalanish:
CryptedSM, # CryptedSM (10.03.2019 / 08:08)
Shoxruh8143, Qanaqa kompilyatsiya?
Bu LESS:
@color-base:#2d5e8b;
.class1{background-color:@color-base;
.class2{background-color:#fff;
color:@color-base;
}
}
BU Classic CSS:
.class1{backgrBilmasdan gapirmasez yaxshi bo'lardi oka
Siz ko'rsatgan metod eng xato metod hisoblanadi.
LESS ni CSS ga kompilatsiya qilish uchun variantlar ko'p, eng yaxshidan eng yomon metodga qarab tushib boramiz.
1) Zborshiklar yordamida ( webpack , grunt , gulp )
2) Programma orqali ( Koala , Prepros )
3) Terminal orqali
4) Brauzerga less.js ulash
Shoxruh8143, Qanaqa kompilyatsiya?
Bu LESS:
@color-base:#2d5e8b;
.class1{background-color:@color-base;
.class2{background-color:#fff;
color:@color-base;
}
}
BU Classic CSS:
.class1{backgrBilmasdan gapirmasez yaxshi bo'lardi oka
Siz ko'rsatgan metod eng xato metod hisoblanadi.
LESS ni CSS ga kompilatsiya qilish uchun variantlar ko'p, eng yaxshidan eng yomon metodga qarab tushib boramiz.
1) Zborshiklar yordamida ( webpack , grunt , gulp )
2) Programma orqali ( Koala , Prepros )
3) Terminal orqali
4) Brauzerga less.js ulash
Tavsiya etamiz:
- Hoziroq maydonlarni to'ldiring va reklamangizni joylashtiring!
Mavzuga oid xabarlar soni: 22 ta
So'ngi faollik vaqti: 08:22:55, 11 Mar 2019