Strona używa cookies (ciasteczek). Dowiedz się więcej o celu ich używania i zmianach ustawień. Korzystając ze strony wyrażasz zgodę na używanie cookies, zgodnie z aktualnymi ustawieniami przeglądarki.    X

LESS CSS ale walidowany:)

Od jakiegoś czasu uzywam lesscss.js. Pozawala to w stylach definiować zmienne oraz kilka innych ułatwień. Problem w tym ze przy ladowaniu css musimy dodac:rel="stylesheet/less"I tutaj juz niestety walidator w3 mówi nam o błędzie.

Jest na to proste rozwiazanie a mianowicie: lessphp[/]
Skrypt php odczytuje plik .less, parsuje i zapisuje jako .css.

Wystarczy iż dodamy gdzies do naszej strony odpowiednie wpisy po wgraniu lessphp na serwer:<?php require 'lessc.inc.php'; $less = new lessc('style.less'); file_put_contents('style.css', $less->parse()); ?>

I to w zasadzie wszystko :)

lessphp: http://leafo.net/lessphp 

Komentarze

0 nowych
DjLeo MODERATOR BLOGA  17 #1 29.07.2011 17:52

Myślę, że mogłeś to bardziej streścić a nie tak się strasznie rozpisywać.

DjLeo MODERATOR BLOGA  17 #2 29.07.2011 17:54

To oczywiście żart.... ale tak na marginesie to mamy podobne avatary :)

wszerad   5 #3 29.07.2011 18:47

http://lesscss.org/ tu jest to lepiej opisane, sam używam jako moduł do node.js.

nintyfan   10 #4 29.07.2011 18:48

Jasne. Nie wystarczy ustawić pliki css, jako parsowalne przez php, by następnie wykorzystywać zmienne?

djgrzenio   8 #5 29.07.2011 23:22

@nintyfan no tak ale po co. tu nie chodzi o same zmienne tylko o kaskadowa budowe i pare innych fjuczerow dokladnie jak @wszerad podal linka. tylko oryginalne rozwiazanie wlasnie powodowalo brak walidacji. pozatym jezeli bedziesz chcial przeniesc sajt a inny hosting nie bedzie ci zezwala na dodanie.css do parsowanai przez php to ci cala strona szlak trafi :(

przyklad z mojej strony grzenio.pl :

nav#fb {
float: right;
margin-right: 20px;
margin-top: -20px;
ul {
list-style: none;
margin: 0;
padding-left: 0;
li {
float: left;
position: relative;
margin-left: 5px;
a {
display: block;
width: 64px;
height: 82px;
background: url(img/fb.png) 0 0 no-repeat;
&:hover {
background: url(img/fb.png) -64px 0 no-repeat;
}
}
}
li+li {
a {
display: block;
width: 64px;
height: 82px;
background: url(img/gg.png) 0 0 no-repeat;
&:hover {
background: url(img/gg.png) -64px 0 no-repeat;
}
}
}
li+li+li {
a {
display: block;
width: 64px;
height: 82px;
background: url(img/rss.png) 0 0 no-repeat;
&:hover {
background: url(img/rss.png) -64px 0 no-repeat;
}
}
}
}
}

djgrzenio   8 #6 29.07.2011 23:23

dj leo. moj avata to ja :) z imprezy jak gralem

DjLeo MODERATOR BLOGA  17 #7 29.07.2011 23:44

@djgrzenio mój avatar to też ja i też z imprezy jak grałem :)

Ardziej   5 #8 29.07.2011 23:53

@djgrzenio, ?!
Widzę, że jako administrator dopiero rozpoczynasz karierę.
Zdecydowanie lepiej jest użyć języka Server-Side niż Client-Side w takim przypadku, pomyślałeś o userach co blokują JS ?
PHP nie zablokują w taki sposób.

"pozatym jezeli bedziesz chcial przeniesc sajt a inny hosting nie bedzie ci zezwala na dodanie.css do parsowanai przez php to ci cala strona szlak trafi :( " - ha, powodzenia, providera pozdrowić jedynie można,a tak na yoyo.pl jest pakiet bez PHP.
Kupujesz solidny (np. niemiecki) hosting bez dziecinnych ograniczeń i żadnych takich problemów nie będzie :)
Poza tym, podpowiem Ci , że przy budowie poważniejszych "sajtów" każdy KB się liczy, tym bardziej obciążenie serwera, co prawda w tym przypadku jest to prawie nie zauważalne, ale nie ma co nabierać złych nawyków, bo przy większej ilości takich rozwiązań, cenne milisekundy uciekną....

Pozdrawiam serdecznie :)

  #9 30.07.2011 00:29

@djgrzenio
Tak z ciekawości na jakim sprzęcie robisz imprezy?

djgrzenio   8 #10 30.07.2011 00:43

no ciekawe :)

a co myslisz ze administrator nie moze byc dj-em:)?

Winters4TW   6 #11 30.07.2011 05:34

Napisz coś więcej o LESS CSS (tak, wiem że w internecie są inne opisy) ;).

djgrzenio   8 #12 30.07.2011 13:40

@womperm swoje sprzetu nie posiadam ale ogolnie zasada jedna : pioneer :)

@ardzej no od kiedy ja jestem administratorem to chyba juz moja sprawa ale napewno nie zaczynam dopiero :)

rozwiazanie ktore ja podalem nie sypnie sie w momecie blokowania js.

oczywiscie kazdy kb sie liczy wiec lepiej tez korzystac z zupelnie innych rozwiazan. produkcyjnie w duzym serwisie lepiej docelowo "skompilowac" raz less do css i nie implementowac less-a na stronie. oczywiscie poza KB jak napisales jeszcze warto zainteresowac sie requestami, wiadomo im mnie tym lepiej.

niemiecki hosting - > to pewnei 1and1 myslisz.. jakos oferta bynajmniej tej firmy mnie nie zainteresowala bo jest slaba. osobiscie uzywam dedyka w ovh -> poprostu taniej

Ardziej   5 #13 01.08.2011 12:44

@djgrzenio, raczej unikam komerchy typu home.pl, nazwa.pl czy 1and1 :)
A reklamy robić nie będę :)
PS. Pociągnij dalej wątek :)

djgrzenio   8 #14 02.08.2011 06:49

@ardzej
jezeli sledzisz moje wpis to wiesz ze zajmuje sie administracja a deweloperka to hobby. Mam srodowisko heterogeniczne. W produkcji wykorzystuje proxmoxa, gentoo, debiana i openvz. Zalazy od zastosowan. Ostatnio zadne z nich bie dalo rady kiedy robilem porzadek pi poprzednim adminie. Zwirtualizowalem fizyczny router komputer do maszyny dzialajacej na kvm. Routing statyczny dynamiczny 2 wany i 3lany. Wlasnie instaluje openvz na maszynie z gentoo i planuje przeniesc jedna maszyne testowa do kontenera. Niestety openvz nie jest takie kolorowe jak je rysuja. Bywaja problemy z samba lub serwerem dhcp

djgrzenio   8 #15 02.08.2011 06:54

chcialem w firmie wdrazyc active directory, sharepoina niestety nie przeszlo. Osobiscie podziwiam dp i docenta .wiem ze sajt musi byc na windows z racji dotneta ale ja w zyciu bym produkcji nie postawil na wiindowsach.no ale to osobny temat mam taka a nie inna platforme ktora wymaga systemu unixowego. Glownie hostuje aplikacje w oparciu o postgres i aol server