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.