Tani hosting

 
Ocena wątku:
  • 0 Głosów - 0 Średnio
  • 1
  • 2
  • 3
  • 4
  • 5
Zapanuj nad stylami SASS & COMPASS
trybun Offline
Użytkownik

Liczba postów: 90
Reputacja: 7
Post: #1
Zapanuj nad stylami SASS & COMPASS 28-08-2014 00:44
Nie zauważyłem, żeby ten temat był wałkowany na forum a jak dla mnie bez SASS jak bez ręki więc wrzucam
---
Każdy, kto przygotowywał arkusze stylów w projektach internetowych wie jak szybko CSS może wymknąć się spod kontroli. Pliki arkuszy rozrastają się i w pewnym momencie utrzymanie oraz modyfikacja kodu staje się dosyć kłopotliwa. Przy kolejnej iteracji zmian w projekcie pojawia się bałagan w kodzie, zaczynają się trudności ze znalezieniem elementów, kod jest wielokrotnie powtarzany. Czysty CSS rozwija się bardzo wolno a wprowadzane zmiany dają coraz większe możliwości w warstwie prezentacji ale architektura języka pozostaje bez zmian.

Z pomocą web developerom przychodzą rozszerzenia usprawniające proces tworzenia i utrzymania kodu CSS. Jednym z najciekawszych rozwiązań jest Sass oraz, wykorzystujący jego możliwości, framework COMPASS.

Sass i Compass - z czym to się je?
Sass (Syntactical Awesome Stylesheet) to język rozszerzający CSS napisany w Ruby. Dzięki Sass mamy do dyspozycji m. in.:
- zmienne,
-mixiny,
- możliwość zagnieżdżania reguł i własności,
- mechanizmy dziedziczenia,
- operacje matematyczne,
- funkcje do pracy z kolorami.

Compass jest frameworkiem CSS3 bazującym na Sass. Oferuje szereg cech i narzędzi, które umożliwiają znaczne zredukowanie ilości pracy potrzebnej do wytworzenia kodu źródłowego. Wybrane cechy:

- Pełne wsparcie dla zmiennych i mixinów. Dodatkowo Compass posiada własną bibliotekę predefiniowanych mixinów.

- Funkcje do obsługi obrazów, czcionek, kolorów czy obliczeń matematycznych.

- Elastyczne narzędzia zapewniające kompatybilność z różnymi przeglądarkami. Compass sam zadba o dodanie przedrostków -webkit-, -moz czy -khtml charakterystycznych dla poszczególnych przeglądarek.

- Integracja z frameworkiem CSS Blueprint umożliwia szybkie prototypowanie i gotową stylizację elementów.

- Jedną z najważniejszych cech Sass i Compass jest to, że stworzony kod kompiluje się do pliku CSS, dzięki czemu w ramach projektu strony czy aplikacji internetowej nie trzeba stosować żadnego dodatkowego oprogramowania. Pozwala to na łatwe dołączanie plików do projektu i nie generuje zbędnego obciążenia przeglądarki użytkownika.

Instalacja środowiska

Instalacja Sass i Compass jest bardzo prosta i sprowadza się do instalacji tego drugiego (razem z Compass instalowany jest również Sass):

Instalujemy Ruby.
Uruchamiamy wiersz poleceń z obsługą Ruby - w menu start - Start Command Prompt with Ruby (dla Windows).
Instalujemy Compass przy użyciu komendy gem install compass
Możemy zweryfikować poprawność instalacji Compass i Sass przy pomocy komend:
compass -v
i
sass -v


Kontynuacja artykułu na: http://www.webchili.pl/artykuly/20/zapan...-i-compass

Szczerze polecam.
Cytuj
Diabeł Online
Użyszkodnik


Liczba postów: 777
Reputacja: 666
kmike Offline
Pomocnik

Liczba postów: 2,093
Reputacja: 232
Post: #2
RE: Zapanuj nad stylami SASS & COMPASS 28-08-2014 08:52
Fajnie, że ktoś o tym w końcu napisał Smile
Tylko jak dla mnie to trochę zbyt ogólnie. Słysząc takie pierwszy raz pojęcia 'mixin', 'mechanizmy dziedziczenia', 'funkcje do pracy z kolorami' nie wiesz nic (przynajmniej ja).
Mixin to zwykłe funkcje, (sass)
Mechanizmy dziedziczenia to zagnieżdżanie, (sass)
Funkcje do pracy z kolorami - rozjaśnianie, przyciemnianie, odwracanie kolorów itp (compass)
http://forum.sruu.pl/t-edytor?pid=23808#pid23808 (przykład).

"Konkurentem" sass'a jest less, składnia i możliwości są praktycznie identyczne, z tą różnicą że less ma kompilatory w różnych językach, nie tylko w rubym. W Symfony2 (php) na przykład wystarczy zainstalować bundla (moduł).

- Pakiet aplikacji FB - 120 zł
- Pakiet WSZYSTKICH modyfikacji - 169 zł

WWW Cytuj


Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości