Tailwind.css - bardzo ciekawe podejscie do CSS przy budowaniu stron i aplikacji

Data: 09.05.2019 18:56

Autor: Thanos

tailwindcss.com

Bardzo ciekawe podejście do tworzenia stronek i aplikacji. Dokładne przeciwieństwo podejścia semantycznego. W semanticu opisujesz np. koszyk (class="cart"), czyli nazywasz co to jest i w CSS nadajesz mu wszystkie odpowiednie wlasciwosci.

Tailwind natomiast składa się z małych modulików (klas). Nadajesz elementowi po trochu każdej klasy, aż osiągnie on oczekiwany wygląd. Minus jest taki, że generuje dużo kodu #HTML (np. class="margines-50 szerokosc-20 kolor-szary zaokraglenie-pelne oplywanie-brak kolor-ramki-bialy rozmiar-ramki-2" itd.), co zakłóca czytelność i wprowadza powtarzalność (złamanie zasady DRY), ALE pozwala tworzyc projekty praktycznie bez uzycia CSS. Tak wiec cos-za-coś.

Osobiscie nie jestem wielkim fanem takiego modularnego podejścia. Wolę np. BEM-a, ale samo podejscie jest dosc ciekawe. Zachęcam do zgłębienia tematu.

Tutaj tutorial (po angielsku, ale prostym językiem), Youtube

#css #framework #tailwind #internet #webdev

@lisq

10.05.2019 00:18

@Thanos, dziadostwo.

Po to wymyślono CSS żeby RAZ opisać w kontekście strony jak wygląda koszyk (i ewentualnie dodać property zlote-obramowanie dla klienta VIP).

Równie dobrze mozna olać CSS całkowicie i przy kazdym elemencie stylować z palca xD

Ha tfu na taką przyszłość z picrela która bezpośrednio wynika z takich uwsteczniających wynalazków.