Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

EvilD

Stylus - szybsze i wygodniejsze tworzenie styli CSS

Promowane odpowiedzi

EvilD    80

stylus-logo.svg

 

 

Stylus umożliwia tworzenie styli w łatwiejszy i prostszy sposób, dzięki czemu można zapomnieć o {} i ;

 

W dużym skrócie stylus pozwala uprościć CSS do granic możliwości. Na przykład:

 

Tak wygląda poprawny kod CSS:

ul {
  color: #f00;
}
li {
  color: #008000;
  background-color: #00f;
}
li #id {
  color: #00f;
}

 

A tak można go zapisać dzięki stylusowi:

ul
	color red
li
	color green
	background-color blue
	#id
		color blue

 

Stylus zajmuje się prze konwertowaniem takiego zapisu na poprawny, dzięki czemu możemy w sposób szybszy tworzyć style, bo zapominamy o {}, : i ;

Operujemy jedynie TABem, którym pokazujemy do czego przypisane są atrybuty. 

 

Dodatkowo stylus pozwala tworzyć zmienne z wartościami np:

kolor = #d4d4d4
p
	color kolor 

i przy takim zapisie w miejsce "kolor" zostanie podstawiona wartość. 

 

Stylus posiada znacznie więcej możliwości, ale o tym można poczytać niżej. Wrzucam to w postaci notki, że coś takiego jest ;) 
Jeżeli będzie sensowny odzew to może przygotować poradnik jak z tego korzystać :D 

 


Więcej na ten temat można znaleźć tu: 

 

- Wiki Stylus (stylesheet language) - Wikipedia

-Git GitHub - stylus/stylus: Expressive, robust, feature-rich CSS language... 

-WWW Expressive, dynamic, robust CSS — expressive, robust, feature-rich CS...

-YT [ENG] 

  • Lubię to! 2

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Lord Fenrir    611

Osobiście nie przepadam za zapisem bez klamrowym czy bez dziubkowym (Pug), jak dla mnie dokument staje się mało czytelny. Do łatwiejszego operowania CSSem oczywiście polecam Sass #teamsass

Edytowane przez rogue
  • Lubię to! 2

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
arces    85

Sass czy Less, to obecnie najlepsze wyjście. Stylus może być okej, jeżeli chcesz mieć coś pomiędzy CSS, a Sass/Less, jednak jak ktoś pozna dobrze CSSa to od razu najlepiej przerzucić się na jeden podany przeze mnie preprocesor.

Sass niby jest uważany za ten lepszy, bardziej programistyczny, ale Less też dużo bardziej ułatwia pracę i przede wszystkim przyspiesza ją w porównaniu do zwykłego CSSa. Niemniej jednak trzeba najpierw poznać dobrze CSSa, żeby dopiero później poznawać preprocesory.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.


×