Archiwum kategorii: java script

Demo:
Demo dostępne na stronie: Menu dropdown hidden

Nie zawsze Bootstrap jest rozwiązaniem dla strony internetowej i jej elementów. Czasami jest tak, że potrzeba stworzenia czegoś własnego, bo żaden framework dla RWD nie jest w stanie rozwiązać problemu. Dla listy np. Menu, której elementy nie mieszczą się w jednej linii potrzeba stworzenia pozycji z całą zawartością tych elementów, które są poza obszarem okna. Trzeba to samemu napisać, nie ma frameworka, który nam w tym pomoże. Czytaj dalej

Demo:

Formularz kontaktowy





Wyszukiwarka

Bardzo popularne ostatnio stają się widgety, które wysuwają się z pocznej strony ekranu. Zarówno dla social jak i modułów strony. Dla systemów klasy CMS są gotowe darmowe jak i płatne moduły, które to robią. ten wpis jednak prezentuje jak można to samemu zrobić zarówno dla stron opartych na cms jak i własnych bez żadnego silnika. Czytaj dalej

Demo:
Demo dostępne tutaj

Mój dzisiejszy skrypt jest odpowiedzią na wiele pytań i poszukiwać w kwestii przewijania obrazów na stronie a także dodania elementów będących równocześnie kolejnymi pozycjami slideshow do np. listy menu . Czytaj dalej

Demo:

Zakładki to jedne z najczęściej wykorzystywanych elementów na stronie internetowej. W pełni responsywne są znakomitą propozycją dla każdego. Czytaj dalej

Wykresy na stronie to dla większości użytkowników zbędna rzecz. Jednak w kilku przypadkach bywa z tym ogromny problem i jeśli chcemy coś pokazać w formie właśnie wykresu to mamy nie mały ból głowy jak to zobrazować. Zazwyczaj kończy się to na obrazu z Photoshop’a, albo na podobnej zasadzie.
Bardzo ciekawa propozycja dla wszystkich dale Google, który pozwala na szybkie i łatwe wstawiania wykresów na stronie. Google Chart API udostępnia dla webmasterów kilka typów wykresów, m.in. pie chart, kolumnowy, liniowy. A więc najbardziej popularne i w zupełności wystarczające.
Warto przy tym jeszcze wspomnieć, iż wykresy Googla można uzyskać na dwa z goła odmienne sposoby. Pierwszy jest w formie obrazka (img), drugi to już dynamicznie ładowane przez biblioteki Googla.
API Googla w tej kwestii pokazuje wyłącznie na „sztywnych danych”. Poniżej pokaże, jak przekształcić skrypt, żeby pobierać dane z bazy danych MySQL. Czytaj dalej