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ší Nejvíce hlasů
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?

Zahoďte knihovny: dropdowny, tooltipy a přechody stránek jen s HTML a CSS

Rozbalovací menu, tooltip, modální okno a plynulý přechod mezi stránkami. Ještě nedávno čtyři důvody, proč do projektu přidat několik knihoven a desítky kilobajtů JavaScriptu. V roce 2026 už to všechno zvládne prohlížeč sám. Ukážeme si, jak na to s Popover API, CSS anchor positioningem a View Transitions, a také kde mají své limity.

Rok po Shai-Hulud: co se změnilo na npm a co musíte udělat do ledna

Před rokem začal registrem npm procházet samošířící červ Shai-Hulud. Od té doby se útoky na dodavatelský řetězec JavaScriptu staly pravidelnou záležitostí a npm postupně přepisuje pravidla publikování. Projdeme, co se za ten rok stalo, jak dnes bezpečně publikovat balíček, co musíte stihnout do ledna 2027 a jak se bránit jako uživatel balíčků.

Vercel zrychlil směrování v CDN. Překvapivě pomohly menší bloky

Vercel zrychlil směrování v CDN tím, že začal načítat víc dat najednou. U velkých webů mu po každém nasazení scházely v cache údaje o mnoha jednotlivých cestách, takže je musel opakovaně dohledávat. U nových bloků metadat Vercel naměřil o 91 % kratší dobu tohoto hledání v 99. percentilu. Cesta k výsledku ale vedla přes nečekané zjištění: příliš velký blok se při vyřizování požadavků nevyplatil.