Grunticon jest zadaniem Grunt.js, które mogą być uruchamiane na folder zawierający obrazy w formacie SVG. Możesz użyć PNG, jak również, ale wyniki nie będą bardzo "vectorish."
Grunticon działa poprzez wszystkie te ikony SVG i generuje kod CSS, który można wykorzystać, aby prawidłowo umieścić je na stronach internetowych, z wbudowanym wsparciem dla wrażliwych układów i urządzeń siatkówki.
Kod generowany przez CSS tej aplikacji obejmuje wszystkie podstawy, w najbliższych trzech różnych wersjach:
- Adresy danych SVG
- Adresy danych PNG
- Klasyczne PNG
Trzecia metoda została włączona jako awaryjne dla przeglądarek nie wspiera dane SVG, renderowania ikony SVG jak zwykłych obrazów PNG. Jeśli SVGs nie są dostępne w formie PNG, a następnie Grunticon przekonwertuje je dla Ciebie automatycznie i umieścić je w specjalnym folderze.
Edytując kilka linijek w pliku zadania Grunt.js, programiści mogą również dostosować charakterystykę generowanych ikon, od przedrostka CSS do lokalizacji pliku podgląd HTML.
Wraz z CSS mały plik JS mogą być również wytworzone, które mogą być stosowane do asynchronicznego ładowania plików SVG, upewniając się, że nie blokują renderowanie w przypadku wielu produktów stosuje się na tej samej stronie.
Ikony generowane przez Grunticon mają również możliwość być stylizowany za pomocą CSS, wykonane w różnych wariantach kolorystycznych, a nawet animowane.
. Instrukcja instalacji są w pliku README pakietu
Wymagania :
- Grunt.js 0.4.2 lub wyższej,
Komentarze nie znaleziono