Cześć,
Dziś zacząłem używać material design lite, frameworka wydanego przez google. I powiem szczerze że już dawno nie byłem tak zdenerwowany jak po 20 minutach używania go.
Zacznijmy od samej dokumentacji. No kurcze gorszej już dawno nie widziałem, a czytam ich na prawdę sporo. Najważniejszy element czyli jak oni to nazwali layout jest gdzieś w środku menu bo przecież pierwsze co chce przeczytać w dokumentacji to jak zrobić małe cyferki obok ikonki. Co więcej osobiście nie domyśliłbym się (gdyby nie zdenerwowanie i klikanie wszystkiego po kolej) że można tam znaleźć informacje które umożliwią mi tak na prawdę korzystanie z niego (grid system, jak powinien nazywać się główny kontener itp.) No ale dobra. Znalazłem, jest radość i otwieranie szampana. Wiem już jak ma wyglądać grid system. Piszę co trzeba i chce przejść do innych zakładek menu (jako że już tego trochę przeklikałem to wiem mniej więcej co i gdzie). A tu penis. Żeby przejść do innego menu poćwicz palce przy scroolowaniu (nie to że kolumna w której jest menu cały czas się wyświetla i jest pusta. Chyba nikt tam o fixed nie słyszał.) Więc siedzę zdenerwowany przed komputerem i scrolluję. Jako że miałem czas na myślenie (serio, tego tekstu było dużo). Stwierdziłem że w ramach przeciwdziałania przemocy domowej wyjdę pobawić się z psem. Uspokoję się i na pewno wszystko szybko ogarnę. Po powrocie wybrałem zakładkę "cards" żeby stworzyć pierwszy "panel". Pierwszy przykład jakiś obrazek z rakietą (według mnie najpierw powinny być najprostsze rozwiązania czyli header->content->footer, tam mam kurcze rakietę. Super). scroluję dalej nie ma żadnego "prostego" przykładu. W końcu na samym dole strony jest kod (bez żadnego wizualnego przykładu, rakieta wyżej jest) jak powinno być to napisane. Kopiuję do div'a z klasą: "mdl-cell mdl-cell--6-col" czyli na logikę powinno to zajmować niecałe pół strony. Siusiak. Zajmuje jakieś 350 px. Wchodzę w źródło myśląc że pewnie coś źle wpisałem i chcąc to poprawić. Na moje zdziwienie wszystko było wpisane dobrze. Po prostu "cards" ma ustawioną szerokość na 330px. Penis że wrzucam to do kontenera który powinien zajmować pół strony. Ma zajmować 330px. Stwierdziłem że no siusiak. Wywalę width, dodam marginesy i będzie ładnie. Na stronie zobaczyłem jeszcze androidowe "menu" (takie 3 kropki w linij). Stwierdziłem że użyję bo potrzebowałem czegoś takiego. Miało to być po prawej więc biorę kod "lower right" i wklejam. Okazało się że "right" oznacza tylko w którą stronę menu się będzie "otwierało". Nie wpominam nawet że na wizualnym przykładzie było po prawej stronie "nagłówka" (a lewe po lewej). Kopuluję. Napiszę coś własnego.
0
0
Też ja wolę materializeCSS
0
Zajrzyj na http://semantic-ui.com/