Přejít k navigační liště

Zdroják » Zprávičky » LESS(.js): Méně CSS je někdy více

LESS(.js): Méně CSS je někdy více

Zprávičky JavaScript, Různé

Mezi uživateli Ruby je známý CSS preprocesor LESS, který zavádí do CSS některé vlastnosti, známé z programovacích jazyků, jako jsou „proměnné“, „výrazy“ nebo „volání podprogramů“ (termíny berte, prosím, v silných uvozovkách).

Implementaci LESS v JavaScriptu publikoval Dmitrij Fadějev pod názvem less.js.

LESS umožňuje napsat CSS pravidla např. takto:

@the-border: 1px;
.rounded_corners (@radius: 5px) {
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
  border-radius: @radius;
}
#header {
  color: @base-color * 3;
  border-left: @the-border;
  border-right: @the-border * 2;
  .rounded_corners;
}
#footer {
  .rounded_corners(10px);
}

V originálním LESS se o jejich překlad do „starého CSS“ stará Ruby, s lesss.js stačí poslat toto CSS a nalinkovat JS knihovnu:

<link rel="stylesheet/less" href="/stylesheets/main.less" type="text/css" />
<script src="http://lesscss.googlecode.com/files/less-1.0.18.min.js"></script>

Zdroj: Ajaxian

Komentáře

Odebírat
Upozornit na
guest
3 Komentářů
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře
erwer

premenne v CSS mi vzdy chybali

kazan

Tak to je, vazeni, superprasarna !

peeepan

jedna prasarna hore/dole … da sa tvorba stranok este nejako sprasit?

Jak zabezpečit WordPress: Praktický průvodce

WordPress pohání přes 40 % všech webů na světě. To z něj dělá nejrozšířenější CMS a zároveň nejčastější terč automatizovaných útoků. Boti nepotřebují cílit přímo na vás: systematicky procházejí miliony domén a hledají otevřené dveře. Stačí zapomenutý plugin bez aktualizace, výchozí prefix databáze nebo heslo z uniklé databáze. Tento článek není seznam pluginů. Je to průvodce od základů přes hardening konfigurace až po serverové zabezpečení s konkrétními kroky, které můžete udělat ještě dnes.

Product Engineer: supermani, nebo falešná efektivita?

Stále více firem propouští produktové týmy a sází na jednu roli, která to zvládne celé sama. Product Engineer je člověk, který vymyslí produkt, implementuje ho a vyhodnotí výsledky. S ekosystémem AI agentů místo kolegů. Efektivita? Na první pohled určitě. Ale je rozdíl mezi tím dodávat víc a rychleji a skutečně být efektivní. Tenhle rozdíl firmy zatím moc neřeší.

EU AI Act: co musí vývojářské týmy vědět do 2. srpna 2026

Druhého srpna začnou v EU platit povinnosti pro poskytovatele i provozovatele high-risk AI systémů: posouzení shody, technická dokumentace a quality management na straně providerů, uchovávání logů a dohled nad provozem na straně deployerů. Samostatně vstupují v platnost transparentní pravidla pro chatboty, generativní AI a deepfaky, a ta se týkají všech, nejen high-risk systémů. Kdo nasazuje AI v recruitmentu, credit scoringu nebo HR hodnocení, je v zóně. Čekání na odklad přes Digital Omnibus je sázka na legislativní proces, který ještě neskončil. A kdo si myslí, že se ho to netýká, protože „jen používá ChatGPT" v use casu z Annexu III, pravděpodobně špatně přečetl nařízení.