close
20-narzedzi-webmastera-2

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.

Form Filler

Form Filler to dodatek do Chrome, który ułatwia testowanie formularzy poprzez automatyczne wypełnianie pól.

form filler

CSS Lint

CSS Lint to narzędzie do sprawdzenia jakości kodu CSS.

csslint

JSHint

JSHint pomaga wykryć błędy i potencjalne problemy w Twoim kodzie Javascript.

jshint

CSSrefresh

CSSrefresh to mały plik JS, który monitoruje zmiany w plikach CSS i odświeża stronę.

cssrefresh

Perfmap

Perfmap to addon do Google Chrome, który zaznacza czas ładowania poszczególnych elementów.

perfmap

Redpen

Redpen to narzędzie ułatwiające pracę nad stroną w zespole.

redpen

Shepherd

Shepherd to plugin JS, który pozwala na utworzenie przewodnika po stronie.

shepherd

Bideo.js

Bideo.js to prosta wtyczka umożliwiająca dodanie tła w formie video.

bideo

Umbrella JS

Umbrella JS to bardzo lekka alternatywa dla jQuery.

umbrella

Offline.js

Offline.js umożliwia powiadomienie użytkowników o utraconym połączeniu.

offline

Litmus

Litmus to narzędzie, które służy do optymalizacji maili dla różnych urządzeń.

litmus

Croppic

Croppic to świetny plugin, który umożliwia przycinanie zdjęć.

croppic

Waffle grid

Waffle grid to prosty w użyciu system grid oparty o flexbox.

wafflegrid

Eagle.js

Eagle.js to framework do tworzenia prezentacji w Vue.

eaglejs

Brick

Brick to biblioteka JavaScript służąca do budowy UI w aplikacji webowej.

brick

Alix

Alix to addon do Chrome, który pozwala na test dostępności strony.

alix

Animista

Animista to generator kodu animacji w przeglądarce.

animista

Sass Beautify

Sass Beautify to narzędzie służące do “upiększania” plików SASS.

LiveReload

LiveReload monitoruje zmiany w plikach i automatycznie odświeża stronę.

livereload

Favicon Generator

Favicon Generator to generator favicon dla wszystkich platform.

favicon gen

  • Bardzo mi się spodobało Eagle.js. Co do JSHinta, to jak każde tego typu narzędzie (a jest ich kilka w JS, ja osobiście używam esLint), warto je mieć już skonfigurowane w edytorze, zamiast korzystać z narzędzia webowego. Pozdrawiam