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