20 przydatnych narzędzi Webmastera #3

W tym artykule poznasz 20 narzędzi, które mogą okazać się przydatne w Twoich kolejnych projektach. Nie przedłużając, przejdźmy do pierwszego z nich.

extractCSS

extractCSS pozwala „wyciągnąć” id, klasy i style liniowe z kodu HTML. Na ich podstawie generuje podstawową strukturę CSS.

CSScomb

CSScomb służy do sortowania reguł CSS według prawidłowej kolejności.

is.js

is.js to prosty sposób na sprawdzanie typów, regex, czasu i dziesiątek innych właściwości.

accounting.js

accounting.js to mała biblioteka, która ułatwia formatowanie numerów i walut.

// Default usage:
accounting.formatMoney(12345678); // $12,345,678.00

// European formatting (custom symbol and separators), can also use options object as second parameter:
accounting.formatMoney(4999.99, "€", 2, ".", ","); // €4.999,99

// Negative values can be formatted nicely:
accounting.formatMoney(-500000, "£ ", 0); // £ -500,000

// Simple `format` string allows control of symbol position (%v = value, %s = symbol):
accounting.formatMoney(5318008, { symbol: "GBP",  format: "%v %s" }); // 5,318,008.00 GBP

Blend

Blend umożliwia szybkie i proste generowanie gradientów.

Starability

Starability służy do tworzenia gwiazdkowych ocen (bez użycia JS).

Radiobox

Radiobox to lekka kolekcja animacji elementów radio.

Sizzy

Sizzy pozwala na zrobienie szybkiego testu responsywności w popularnych rozdzielczościach.

cssnano

cssnano zmniejsza CSS poprzez usunięcie niepotrzebnych prefixów.

placeholder.js

placeholder.js to narzędzie, które generuje tymczasowe obrazki.

Holmes

Holmes to szybka i prosta wyszukiwarka w obrębie strony.

Page Weight

Page Weight to narzędzie służące do optymalizacji zdjęć na stronie.

SVGito

SVGito pozwala na optymalizacje plików SVG.

Grav

Grav to nowoczesny i szybki system CMS.

codeshare

codeshare służy do udostępniania kodu innemu developerowi na żywo.

Hasty

Hasty to generator snippetów do WordPressa.

omg-img

omg-img pozwala na wstawienie ikon bezpośrednio w kodzie HTML.

Smartlook

Smartlook umożliwia nagrywanie odwiedzających stronę.

Tippy

Tippy to lekka biblioteka służąca do tworzenia tooltipów.

Iconate

Iconate umożliwia płynne przejścia pomiędzy ikonami.