intercooler.js – AJAX poprzez atrybuty HTML-a

intercooler.js – wykorzystanie atrybutów HTML-a do wykonywania zapytań AJAX-owych

Powyższa biblioteka prezentuje ciekawe podejście do wykonywania zapytań z użyciem AJAX-a. Informacje o typie zapytania, jego adresie oraz zachowaniu przeglądarki po wykonaniu zapytania, przechowywane są w postaci atrybutów linków. Ciekawe rozwiązanie do wykorzystania w mniejszych projektach, gdzie potrzeba w łatwy sposób zaimplementować podstawowe zapytania AJAX-owe.

HTML Inspector

HTML Inspector – skrypt sprawdzający strukturę strony

HTML Inspector to ciekawy skrypt, który pozwala sprawdzić jakość generowanego na stronie kodu HTML – informacje o potencjalnych błędach i problemach zwracane są w konsoli JavaScript. Skrypt pozwala też na nadpisanie domyślnej konfiguracji co umożliwia wykluczenie z ostrzeżeń komunikatów, które należy pominąć (np. w wypadku klas automatycznie generowanie przez WordPressa i nieużywanych w kodzie CSS).

Front-endowe Inspiracje #2

3 API JavaScript, które mogą się okazać przydatne w przyszłości

Artykuł opisujący 3 API: Web Alarms API, Presentation API oraz Standby API, które są dopiero w początkowej fazie rozwoju, ale warto ten rozwój śledzić, gdyż mogą znacząco wzbogacić nasze webaplikacje. Polecam też lekturę wpisu o innych 5 API, które w przyszłości mogą znacząco usprawnić mobilne wersje stron internetowych.

jstinytest – najprostsza biblioteka do testów jednostkowych w JavaScript

Jeżeli nie macie czasu lub ochoty rozgryzać API i konfiguracji popularnych frameworków do testów jednostkowych w JavaScript, a jednocześnie potrzebujecie prostego mechanizmu przeprowadzania testów jednostkowych to jstinytest jest dla Was 🙂

Autopolyfiller dla JavaScript

Autopolyfiller to idealne rozwiązanie dla wszystkich, którzy nie chcą więcej pamiętać o tym dla jakiej przeglądarki i kiedy trzeba dodać kod by wesprzeć niezaimplementowaną funkcjonalność JavaScript. To taki autoprefixer tylko dla JavaScript 🙂

Offline-first

Zbiór materiałów na temat przygotowywania stron i webaplikacji, które sprawnie działają bez połączenia z Internetem.

baguetteBox

Skrypt tworzący popupy ze zdjęciami dla galerii zdjęć – w odróżnieniu od większości innych tego typu skryptów ten działa bez pomocy dodatkowych frameworków.

20 darmowych fontów stylizowanych na pismo odręczne

Świetny zestaw naprawdę ładnych i darmowych fontów.

gif.js

Biblioteka w JavaScript do manipulowania animowanymi grafikami w formacie GIF.

Pexels – kolekcja darmowych zdjęć

Kolejna strona z dużym zbiorem darmowych zdjęć na licencji Creative Commons Zero (CC0).

Mazwai – kolekcja darmowych filmów wideo

Kolekcja darmowych filmów wideo do wykorzystania we własnych projektach na licencji Creative Commons.

CSS Guidelines

Wytyczne służące tworzeniu czytelnego i skalowalnego kodu CSS.

CSS Shorthand Generator

Jeżeli macie problemy z zapamiętaniem skróconej składni CSS to ta strona wygeneruje skrócony kod za Was.

Wszystko co powinno się wiedzieć o wyrażeniach regularnych w JavaScript

Pokaźny zbiór użytecznych informacji na temat wyrażeń regularnych w JavaScript.

Dwa przykłady preloaderów dla stron

Strony WWW coraz częściej upodabniane są do aplikacji na tablety i smartfony – preloadery dla całych stron to jeden z przykładów na implementację efektów rodem z platform mobilnych.

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.