Wyobraźmy sobie sytuację, że menu na naszej witrynie znajduje się na samej górze strony. Odwiedzający nas internauta przegląda interesującej go treści, więc przewija okno przeglądarki coraz niżej. Kiedy znalazł - bądź nie - informacje, których szukał, chce wrócić do menu, żeby przejść do innego działu/podstrony/kategorii. Zaczyna przewijać scroll w swojej myszce, co bywa bardzo czasochłonnym zajęciem, szczególnie jeśli strona zawiera znaczną ilość treści. W tym poradniku przygotujemy sobie przycisk, który będzie wyświetlać się zawsze u dołu ekranu, a jego kliknięcie spowoduje przeniesienie się na samą górę naszej witryny. Nie traćmy więc czasu. Zapraszam do lektury.
Czytaj więcej: Przycisk do płynnego przewijania na górę strony
W pierwszym poradniku chciałbym pokazać prosty sposób na wykonanie pewnego usprawnienia naszego formularza. W tym wypadku będzie to formularz kontaktowy, bardzo prosty - tylko z polem do wpisania treści. Wykorzystamy tutaj bibliotekę jQuery. Zrobimy system który sprawdza, czy wiadomość nie jest za krótka, bądź za długa (sprawdzanie czy nie jest zbyt długa przydaje się w bazach danych). Jeżeli wiadomość będzie zła - wyświetlimy informację.
Czytaj więcej: Okienko informujące o złej liczbie znaków w polu formularza
W dzisiejszym poradniku dowiecie się jak wykonać bardzo ciekawy efekt zwany jQuery Parallax. Dzięki niemu, ustalone przez nas elementy naszej witryny, będą przemieszczać się podczas przemieszczania kursora w oknie przeglądarki, przeciwnie do wykonywanych ruchów. Rozwiązanie takie jest obecnie coraz częściej wykorzystywane i zyskuje na popularności. Skrypt nie jest trudny, więc każdy poradzi sobie z nim bez problemu.
Czytaj więcej: Elementy strony czułe na ruchy kursora - Parallax
Korzystając z modułu RokNavMenu, wykonanego przez zespół RocketTheme, bardzo spodobał mi nie pomysł na prezentację tego dodatku, a mianowicie, po najechaniu kursorem na pozycję w menu, tło pod nią, płynnie przesuwało się do wskazanego przez nas miejsca. Efekt ten nie jest trudno otrzymać, dlatego postanowiłem Wam go pokazać. Wykorzystamy w tym celu biblioteki jQuery. A więc do pracy!
W dzisiejszym poradniku ponownie wejdziemy w świat jQuery. Tym razem przygotujemy prosty ale bardzo funkcjonalny preloader obrazków. Oczywiście nie przyda się ona na każdej stronie. Czasem jednak jest takowy potrzebny, w wypadku, gdzie do wczytania są sporej wielkości zdjęcia, a nie chcemy narażać internautę do oglądanie ich podczas częściowego wyświetlania lub kiedy są zupełnie niewyraźne. Tak więc bez zbędnych wywodów zabierzmy się do pracy.
W dzisiejszym artykule postanowiłem ponownie zająć się tematyką jQuery. Daje nam ona wiele możliwości podczas tworzenia stron www. Poprzednim poradnikiem na ten temat był efekt płynnego przewijania strony. Tym razem pokażę jak przygotować preloader, czyli informację o stanie ładowania witryny.
Czytaj więcej: Preloader strony - nie pozwól czekać bez informacji!
W dzisiejszym artykule postanowiłem wkroczyć w niezwykle ciekawy element tworzenia stron www, a mianowicie jQuery, czyli lekką bibliotekę programistyczną dla języka JavaScript, która pomaga osiągnąć wiele efektów animacji, oraz wykonywać zapytania AJAX. Pierwszym tutorialem tego typu będzie wykonanie przez nas płynnego przewijania się strony, do różnych jej części (oznaczonych jako 'kotwice').
