Tworzac projekt, jak wygladaja u was pliki css

pytanie zadane 29 września 2017 w Offtop przez Bartlomiej Bywalec (2,480 p.)

Siema mam pytanie, jesli tworzycie projekt, jak robicie pod niego CSS'y?

Mam na mysli

Jak wyglada struktura plikow css,
Czy macie jeden arkusz stylu na caly projekt?
Czy korzystacie z jakiegos preprocesora do tego?
Czy w pracy zawsze uzywa sie preprocesora?
Czy na kazdą strone podpinacie osobny arkusz stylu?
Czy do osobnego arkusza stylu dajecie czcionki?

2 odpowiedzi

odpowiedź 29 września 2017 przez kap Stary wyjadacz (11,620 p.)

1 & 5. Plik per komponent, nie per podstrona (komponenty i arkusze zgodne z BEM)
2. Nie
3. Tak, Sass (SCSS)
4. W czymś większym niż wizytówka raczej tak
6. Tak

komentarz 29 września 2017 przez Bartlomiej Bywalec (2,480 p.)

Czyli jak tworze duzy projekt musze do tego zaladowac jakis preprocesor inaczej to bedzie 'nieprofesjonalne'?:P

To o cxym sie wypowiedziales to doswiadczenie z pracy czy skads wyczytales jak tak to mozna link?:D

Komponent czyli?

komentarz 29 września 2017 przez kap Stary wyjadacz (11,620 p.)

Ad.1 Tu nie chodzi o "profesjonalizm" dla samego "profesjonalizmu", pisanie w czystym CSS jest po prostu niewygodne, rozwlekłe i błędogenne.

Ad.2 Doświadczenie z pracy + wyczytane:
* BEM: http://getbem.com/introduction/ https://comandeer.github.io/blog/html-css/javascript/daj-sie-poznac-2017/2017/05/12/bem-jako-architektura.html
* Sass: http://sass-lang.com/

Ad.3 U mnie konkretnie komponenty Reactowe, ale sama idea jest omówiona w podlinkowanym artykule Comandeera. Tu też możesz poczytać: https://medium.com/@dan.shapiro1210/understanding-component-based-architecture-3ff48ec0c238

komentarz 29 września 2017 przez Bartlomiej Bywalec (2,480 p.)

Ok jeszcze jedno, twoim zdaniem na rynku lepsza jest posiadana wiedza z Sassa czy Lessa?

No i ogolnie ktoro wolisz uzywac

komentarz 29 września 2017 przez kap Stary wyjadacz (11,620 p.)

Popularniejszy i imo przyjemniejszy jest Sass, ale jak będziesz znał obojętnie który z nich to będzie ok (przeisadka z jednego na drugi to nie jest problem).

komentarz 29 września 2017 przez Bartlomiej Bywalec (2,480 p.)

Ostatnia rzecz, CSS chyba w takim razie na sam koniec zostawiac nie ? :P jak juz sie zbuduje wszystkie funkcjonalności to wtedy najlepiej kolorowac nie od razu nie?

odpowiedź 29 września 2017 przez Drajvon Bywalec (2,250 p.)

1. Każda sekcja znajduje się w osobnym pliku. Podpięcie czcionek również, zmienne oraz mixin też.

2. W środowisku pracy nie, natomiast potem wszystko kompiluje przy użyciu gulpa do jednego pliku.

3. SASS

4. Tak ponieważ mając wszystko w jednym pliku css łatwo się pogubić i każda ewentualna poprawka wymaga dużo czasu. Natomiast używając SASS zmiana koloru wszystkich czcionek jest możliwa przez edycje jednej linijki. Po za tym kiedy po jakimś czasie wracasz do projektu w celu wprowadzenia zmian bądź jego rozbudowy łatwiej się we wszystkim połapać. Uwierz, że jeżeli zobaczysz kod swojej strony po roku będziesz miał wrażenie, że pisał to ktoś inny.

5. Tak potem kompiluję do jednego.

6. Tak