Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Standardy CSS
Forum PHP.pl > Forum > Przedszkole
-Marcin-
Cześć,
Zwracam się do was z pytaniem o standardy CSS. Każdy jeżyk czy technologia ma jakieś określone standardy wg. których tworzy się kod etc. MNie osobiście chodzi o CSS i o to, co powinien zawierać każdy plik style.css Dobre nawyki, czego unikać itp. Jest jakiś dokument/strona opisujący takie zagadnienia?
lobopol
W zasadzie są standardy css, ale w zasadzie mało kto je stosuje bo nieraz jest to bezsensowne utrudnianie życia. Najlepiej zastosuj się do kilku prostych i dobrych praktyk:
1. Zainteresuj się sass/less zdecydowanie ułatwiają trzymanie logiki css + mają kilka naprawdę fajnych featerów
2. Staraj się nie stosować behaviourów w css
3. Pisz modularnie http://smacss.com/
4. Stosuj wszędzie spójne nazewnictwo/wcięcia/nowe linie
5. Separuj kod na oddzielne pliki np.
-style.less/scss (importy wszystkich używanych css)
-main.less/scss (style unikalne dla strony głównej)
-article.less/scss (style unikalne dla artykułu)
-buttons.less/scss (style przycisków na stronie)
itd.
Używając lessa/sassa masz wbudowane narzędzie do łączenia tych plików i ich kompresji
6. Używaj komentarzy, ale pamiętaj, że kod powinien być zrozumiały nawet bez nich (dobre nazewnictwo, miejsce w pliku etc.)
7. Zapomnij o !important, jest tylko kilka sytuacji gdy jest dozwolony (np. korzystasz z zewnętrznych css jak jquery.ui w których nie powinieneś nic zmieniać, a tamte style również mają importanty)
8. Nie powtarzaj się http://smacss.com/
9. Używaj spritów gdy ma to sens (sass ma wbudowane narzędzie do tego zainteresuj się)
10. Staraj się nie używać do stylowania id (wyższy koszt utrzymania takiego kodu)
11. Nie styluj globalnie elementów (np. button/input/i/etc.) użyj jakiejś klasy do tego, albo klasy adrzędnej
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.