Wszystkie posty z kategori "Webmasterka"

Boczne menu

Dzisiaj zajmiemy się stworzeniem bocznego menu, potocznie zwanego „off canvas”.
Mniej więcej takie właśnie menu możesz zobaczyć na tej stronie po kliknięciu w ikonke menu w prawym górnym rogu.
Nie ma co przedłużać, zapraszam do lektury.

CSS Grid

Tym razem zajmiemy się stworzeniem własnego grida.
W internecie jest setki tego typu rozwiązać. Moglibyśmy oczywiście skorzystać z któregoś z nich, ale nie zrobimy tego z minimum dwóch przyczyn. Jedna z nich to standardowo chęć nauki nowych rzeczy. Druga to dostosowanie naszego grida do naszych potrzeb. Nie zawsze potrzeba nam super zaawansowanych narzędzi, a tworząc coś prostego, od razu zaczynamy czuć nasze rozwiązania. Resztę przyczyn możecie sobie sami dopowiedzieć. Ot choćby „bo zupa była za słona”.

Multiselekt wersja ukryta

Ostatnim razem stworzyliśmy nakładkę na multiselekta. Dostępne w internecie pluginy o podobnej funkcjonalności domyślnie ukrywają całą listę wyboru, a pokazują tylko pole, w które należy kliknąć by taką listę pokazać. My też przerobimy nasze ostatnie dzieło by zachowywało się podobnie do tamtych pluginów. Dzięki temu będziemy mieli dwie wersje – widoczną i niewidoczną po wejściu na stronę (do wyboru do koloru).

Multiselekt

Dzisiaj zajmiemy się poprawianiem multi selektów. Domyślnie taki obiekt do najwygodniejszych nie należy. Kolejne jego elementy trzeba wybierać dusząc Ctrl, nie posiada sensownego filtrowania i ogólnie jest jakiś taki niemrawy. Jak zobaczycie poniżej, poprawa tego elementu wcale bardzo ciężka nie jest.

Popupy

Tworzenie popupów wcale nie jest jakimś wielkim wyczynem i w wielu przypadkach łatwiej jest zastosować własny kod, niż używać oddzielnych pluginów (szczególnie gdy takowe trzeba dostosowywać do specyficznych sytuacji). W tym artykule zajmiemy się tym tematem tworzenia okienek, oraz poznamy kilka trików z nimi związanych.