PhotoSwipe – zaawansowany skrypt galerii

PhotoSwipe – zaawansowana galeria niewymagająca jQuery

Osobiście bardzo sobie cenię rozwiązania, które nie wymagają do działania wszechobecnego jQuery, a już szczególnie cenię rozwiązania, które mają szeroki wachlarz możliwości.

PhotoSwipe posiada świetne wsparcie dla gestów na ekranach dotykowych (polecam się pobawić na tablecie), dobre wsparcie dla przeglądarek. Po kompresji waży ~14kb, ma dobrą dokumentację i jest wydane na mojej ulubionej licencji – MIT.

Z tego co wyczytałem na stronie projektu autor odradza tworzenie publicznie dostępnej wtyczki dla WordPressa wykorzystującej PhotoSwipe, gdyż sam takową tworzy 🙂

Własne alerty, responsywne wykresy, materiały o SVG – Front-endowe Inspiracje #5

W końcu odkopałem się z zaległości po ostatnich konferencjach i wyjazdach, a zanim wpadnę w wir kolejnych pora na garść linków ze świata front-endu.

Czytaj dalej Własne alerty, responsywne wykresy, materiały o SVG – Front-endowe Inspiracje #5

Front-endowe Inspiracje #1

Ostatnio odszedłem od gromadzenia dużych ilości linków do zasobów programistycznych, ale wciąż kolekcjonuję najciekawsze z nich – stąd narodził się pomysł na serię „Front-endowe Inspiracje”.

Front-end nieodłącznie jest związany z WordPressem, zatem liczę na to, że uda mi się dostarczyć Wam inspirujących materiałów, które zachęcą Was do ulepszania swoich witryn i motywów.

Wykorzystanie input[type=”radio”] do zarządzania stanami w webaplikacji

Artykuł opisujący kilka ciekawych przykładów wykorzystania elementów typu radio button do zarządzania stanami w sposób, który pozwala zaoszczędzić sporo kodu JavaScript.

Blast.js

Blast.js to biblioteka do manipulowania tekstem, pozwalająca na tworzenie złożonych animacji tekstu, stylowanie oraz wyszukiwanie zadanych ciągów znaków.

Tworzenie efektu wypełniania ikon

Opis sposobu na utworzenie efektu wypełniających się kolorem ikon.  Demo efektu finalnego.

Animowana ikona Hamburger Menu w SVG

Skoro już jesteśmy przy ikonkach to powyższy artykuł zawiera opis tego jak z użyciem SVG stworzyć efektowną animację ikony hamburger menu.

Walidacja formularzy bez użycia JavaScript

Dwa przykłady jak stworzyć formularze, które się walidują i pokazują odpowiednie komunikaty bez użycia JavaScript.

Zestaw programistycznych ikonek

Kolekcja ikonek związanych z różnymi technologiami i narzędziami webowymi. Na licencji MIT.

18 niespodzianek z kodu jQuery

Autor powyższego wpisu przejrzał kod jQuery i wynotował znalezione ciekawostki.