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.
Ideolo, każdy przegląd daje fajne narzędzia. 🙂
nie ma to jak siedziec w temacie i nie znac 90% tych narzedzi, mega lista… dzieki! Juz nie da sie nadazyc za tymi ulepszeniami.