CSS Grid Bootstrap

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”.

Czytaj więcej

Multiselect v2

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).

Czytaj więcej

Multiselect

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.

Czytaj więcej

Memory w javascript

Dostałem kilka maili z prośbami, by pokazać sposób jak można zapisywać wyniki w naszej Memorce.

Pomyślałem sobie, że przy okazji nauki zapisu i odczytu, moglibyśmy zająć się dopracowaniem naszej gry. Dotychczas bardziej przypomina ona średniej jakości skrypt niż pełnoprawną aplikację. Kod gry nie jest ładny, a i logikę jej działania przydało by się mocno dopieścić. Dodatkowym założeniem będzie dodanie naszej aplikacji responsywności.

Czytaj więcej

Biurokratyczne ciasteczka

Tak to jest gdy na siłę chce się ludziom pomagać. Wczorajszego dnia wszedł w życie nowy przepis wymuszający na każdym właścicielu strony umieszczenie na niej widocznej informacji dotyczącej ciasteczek.

Czytaj więcej

CSS3 Slider

Bardzo często proste sztuczki mogą nam mocno poprawić komfort pracy. Dzisiaj przyjrzymy się jednej z takich prostych, aczkolwiek magicznych rzeczy. Mowa o CSS3 transition, dzięki której jesteśmy w stanie animować nie tylko proste przejścia linków, ale także i całe skomplikowane layouty.

Czytaj więcej

HTML5 Outliner

Pewnie większość z was spotkała się z nowymi znacznikami. O co w ogóle w tym wszystkim chodzi? Z czym to się je? Nowe tagi html5 wprowadziły pewne zamieszanie w naszym webowym świadku, dlatego dzisiaj zajmiemy się ich omówieniem.

Czytaj więcej

Responsywne menu

W dzisiejszych czasach, gdy internet przeglądany jest na różnorakich urządzeniach tworzenie sztywnych nawigacji jest błędem. Jak wiemy, dobra nawigacja po naszej stronie to klucz do jej sukcesu, a przynajmniej jeden z głównych elementów wpływających na niego.

Stworzenie płynnego, dopasowującego się do wielkości ekranu menu wcale trudnym zadaniem nie jest, o czym przekonacie się już za chwilę.

Czytaj więcej

CSS Sprite

Gdy łączymy się ze stroną, przeglądarka wysyła do niej żądania (HTTP request) o pobranie różnych plików - grafik, skryptów itp. Następnie otrzymuje zwrot w postaci odpowiednich danych. Tak to wygląda w największym skrócie. Im więcej takich requestów, tym logicznie nasza przeglądarka musi wysłać z domu do serwera więcej requestów, i tym samym strona ładuje się wolniej.

My jako webmasterzy powinniśmy starać się by takich połączeń było jak najmniej.

Czytaj więcej

Serwer lokalny

Zazwyczaj chcemy naszą stronę tworzyć tworzyć lokalnie na własnym komputerze, a po gotowej robocie wrzucić ją na serwer w internecie :) Aby pisać strony w html nie potrzebujemy nic poza chęciami. Natomiast do mySql, php itp potrzebny jest nam serwer lokalny.

Możemy to wszystko instalować ręcznie, zmieniać konfigurację edytując pliki itp, ale o wiele przyjemniejsze jest skorzystać z gotowców, które całą robotę zrobią za nas. W poniższym artykule zajmiemy się właśnie takimi rozwiązaniami.

Czytaj więcej
Następne wpisy Poprzednie wpisy