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.

extractcss

CSScomb

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

csscomb

is.js

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

isjs

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.

blend

Starability

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

starability

Radiobox

Radiobox to lekka kolekcja animacji elementów radio.

radiobox

Sizzy

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

sizzy

cssnano

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

cssnano

placeholder.js

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

Placeholder2

Holmes

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

holmes

Page Weight

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

page weight

SVGito

SVGito pozwala na optymalizacje plików SVG.

svgito

Grav

Grav to nowoczesny i szybki system CMS.

grav cms

codeshare

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

codeshare

Hasty

Hasty to generator snippetów do WordPressa.

hasty

omg-img

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

omgimg

Smartlook

Smartlook umożliwia nagrywanie odwiedzających stronę.

smartlook

Tippy

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

tippy

Iconate

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

iconate

Spodobał Ci się artykuł? Dzięki naciśnięciu serduszka poniżej będę wiedział jakie treści tworzyć. Dzięki! :)

20 przydatnych narzędzi Webmastera #2 20 przydatnych narzędzi Webmastera #1
View Comments