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

Data: 10.02.2019 21:18

Autor: mk27

Kolor heksadecymalny na dziś:

853c73 Twilight Lavender Hex Color – na stronie znajdziecie więcej informacji, alternatyw a także przykłady zastosowania.

HEX: #3da9ee

RGB: (133, 60, 115)

CMYK: (0, 55, 14, 48)

Najbliższy kolor z palety web safe: #853c73 Twilight Lavender Hex Color

hexnadzis #grafika #webdesign #design #fotografia #projektowanie #html #css