BEM a nazwy stałych

Odpowiedz Nowy wątek
2019-05-10 10:57
0

Właściwie, niby co nie jest skodyfikowane, jest dozwolone, ale... czy BEM dotyczy także nazewnictwa stałych, używanych dajmy na to w SCSS? Chodzi mi o np. coś takiego.

$modal__center-color

czy

$modalCenterColor

Czy taki zapis w ogóle podlega ocenie na zgodność z BEM

Pozostało 580 znaków

2019-05-10 15:50
0

A tak jeszcze odnośnie koncepcji lansowanych we frameworkach.
CSS (jak wiadomo) wymyślono po to, żeby odseparować treść i strukturę od opisu sposobu jej wyświetlania.

No ale później wymyślono Bootstrapa i jego klasy :p
.text-left
.text-nowrap
.table-bordered
itp.


Tak, Bootstrap jest porażką pod względem trzymania się semantyczności niestety. Całe szczęście nie jest to jedyny framework w internecie. - Patryk27 2019-05-10 15:50
Bootstrap to zło XD chociaż do szybkiego prototypowania jeszcze ok (ale do prototypowania to nawet największe spaghetti jest ok. Gorzej, że potem jest to nieutrzymywalne). - LukeJL 2019-05-10 15:52

Pozostało 580 znaków

2019-05-10 16:01
0

Bootstrap ma sass, podział na moduły, wersje jquery free, kompilatory, oddzielny grid, nie bagatelizowałbym go aż tak bardzo, ostatnio sporo ewoluował, oczywiście to framework więc momentami jest beton (jak zawsze przy gotowcach), ale ocena "porażka/zło" jest jak dla mnie lekką ignorancją.


Pozostało 580 znaków

2019-05-10 18:14
0
Freja Draco napisał(a):

abstrahując od BEM, to DIV.menu nie jest dobrym selektorem, ponieważ uzależniamy się od tego, że coś będzie siedziało w elemencie div.

No niby tak i niby zapis .menu jest potencjalnie bardziej uniwersalny, ale DIV.menu pełni (jak dla mnie) też funkcję opisową, bo informuje właśnie, że to się odnosi do czegoś, co siedzi w DIV-ie, który domyślnie przyjmuje DIV-owe ostylowanie modyfikowane dopiero przez konkretną klasę. I po prostu łatwiej mi wtedy kojarzyć (w głowie) opisy z CSS z elementami w HTML.

Czyli twój problem to coś w stylu:
"patrząc w regułę CSS, chciałabym widzieć, w jaki sposób dany kawałek CSSa jest używany w HTMLu"
zgadza się?
No to czemu nie rozwiążesz tego właśnie problemu, w bardziej bezpośredni sposób niż partyzanckie brudzenie sobie HTMLa?

Np. tak:

  • możesz mieć otwarte 2 pliki naraz w edytorze (CSS i HTML, wtedy w jednym pliku patrzysz na CSS, w drugim patrzysz na jego użycie HTML).
  • możesz odpalić apkę i patrząc w przeglądarkowym dev toolsach, czy jest to div, czy co to jest i jakie style dziedziczy z czego. To ma tę zaletę, że pokazuje ci już żywą aplikację (po buildzie) i masz naprawdę dużo mocy płynącej z dev toolsów.

Oczywiście czasem warto mieć takie informacje pod ręką w IDE, a nie latać po plikach czy dev toolsach, to też jestem w stanie zrozumieć.

Ale w takim razie:

  • może warto poszukać, czy nie ma wtyczek do IDE, które coś takiego ci pokazują, czy są ci w stanie np. po najechaniu na regułę CSS wyświetlić przypadki użycia tej reguły.
  • jeśli nie ma żadnej wtyczki, można napisać własną, możesz nawet minimalistyczną, która wykryje ci rodzaj elementu i napisze ci tylko "div" albo "span" i nic więcej (czyli możesz zrobić wtyczkę, która zrobi ci to, co już masz, tylko bez ingerencji w kod).

Pytanie tylko, czy zależy ci na tym ficzerze tak bardzo, że aż będziesz chciała poświęcić czas, żeby napisać wtyczkę.
Może nie, może tak.

No i może to brzmi jak overkill, ale na serio myślę, że już lepiej napisać wtyczkę(albo poszukać istniejących albo edytora/IDE, które będzie miało to out of the box) niż brudzić sobie kod w ten sposób (i sprawiać, że staje się mniej utrzymywalny, bo z moich doświadczeń wcześniej czy później się coś zmieni. I czasem cała podstruktura HTMLa jest do wywalenia. I w najlepszym wypadku style trzeba pisać całkowicie od nowa (w najgorszym to nie da się napisać od nowa, za to istniejące style powodują potem jakieś dziwne konflikty i bugi wizualne, bo np. było założenie, że coś ma być divem, a potem jest np. ul i już kasza. Podobnie z hierarchią. Jeśli zakładamy coś takiego > div to też zwykle będzie to jedna z pierwszych rzeczy, która się zmieni).

EDIT: do VSCode jest wtyczka CSS Navigation, która pozwala ci podejrzeć, gdzie jest używana dana reguła CSS
https://marketplace.visualstu[...]pucelle.vscode-css-navigation
chociaż sprawdzałem to na czystym CSS i czystym HTML, nie wiem, jak to sobie radzi w innych przypadkach.


((0b10*0b11*(0b10**0b101-0b10)**0b10+0b110)**0b10+(100-1)**0b10+0x10-1).toString(0b10**0b101+0b100);
edytowany 5x, ostatnio: LukeJL, 2019-05-10 18:40

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0