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?

Fronta před rychlým backendem. Co ukázal veřejný test eDokladů

Veřejný zátěžový test eDokladů přinesl zdánlivě protichůdný výsledek: aplikační servery odpovídaly v milisekundách, zatímco část lidí čekala desítky sekund. Za hlavní omezení závěrečná analýza DIA označila vstupní bránu, jejíž automatické škálování nestačilo na náhlý náběh provozu. Test zároveň ukázal, proč samotný generátor HTTP požadavků nenahradí identity skutečných uživatelů a jejich zařízení.