10 najbardziej przydatnych narzędzi dla web developera

Zdarza się tak, że nie mamy dostępu do menadżera baz danych – jak np. PhpMyAdmin (w przypadku MySql), doszukiwanie się adresu dojścia jest zbyt czasochłonne lub po prostu klient nie wie o co chodzi. Może szukasz po prostu lżejszej alternatywy? Adminer to niecałe 0.5MB i jest przy tym niezwykle szybki.

Wklejamy jeden magiczny plik na serwer i mamy dojście do własnego, w pełni funkcjonalnego menadżera baz danych, bez dodatkowych konfiguracji, kombinacji, czy nerwówki z czasem wykonywania skryptów.

Twórcy nawet zrobili ładną tabelkę porównawczą funkcji i wymagań w porównaniu do PhpMyAdmin.

Potężny pakiet narzędzi do manipulacji/modyfikacji kodu, czy po prostu tekstu.

Nie w sposób wymienić wszystkie narzędzia, bo jest po prostu tego zbyt dużo ale z przykładowych:

• wyciąganie linków z tekstu;
• hashowanie do kilkudziesięciu różnych metod;
• minifikacja i upiększanie kodu;
• formatowanie dat na kilkadziesiąt różnych sposobów;
• operacje na tekście typu podmiany wszystkich wersalików na małe litery, sortowanie, usuwanie numerów, konwersje itd.;
• kompresje pojedynczych plików do kilkunastu różnych formatów;

+ wiele innych.

Bardzo fajnym jest również możliwość postawienia lokalnej instancji narzędzia w razie potrzeby.

To bardziej prosty wpis do arkusza CSS, niż narzędzie per se. Pomaga nam określić, które elementy wychodzą poza określony obszar roboczy strony powodując np. nieporządany scroll w poziomie na urządzeniach mobilnych.

Wystarczy do arkusza css dodać wpis:

* {
  background: #000 !important;
  color: #0f0 !important;
  outline: solid #f00 1px !important;
}

Narzędzie do sprawdzania propagacji serwerów DNS, czy po prostu podglądu aktualnych rekordów względem 37 różnych serwerów.

Przeklejając teksty z edytorów typu Word, LO Writer, czy jakiegokolwiek innego edytora zachowuje się formatowanie – czasami jest to zachowanie pożądane, jednak najczęściej nie (pomijając, że dokleja się masa „pustego” kodu/tagów); w takim wypadku możemy użyć np. wklejania bez formatowania, tylko wtedy możemy zgubić akapity, pogrubienia, czy inne stylowania, których faktycznie potrzebujemy – ustawianie ich na nowo to kupa roboty.

Z pomocą przychodzi powyższe narzędzie – możemy bardzo szybko oczyścić tekst ze zbędnego formatowania, pustego kodu i utworzyć czystego gotowca, nadającego się do wklejenia w CMS.

Mega-użyteczy dodatek dla każdego kodera witryn; Magic CSS jest narzędziem, które na bieżąco aktualizuje stylowanie strony na podstawie wprowadzonego kodu – idealne do szybkich podgladów, testów, tworzenia fixów, czy nawet tworzenia bazy stylów – moduł wspiera preprocesory LESS oraz SASS.

Rozszerzenie jest dostępne również dla przeglądarki Firefox, Edge, czy Opera.

Zbiór nowoczesnych rozwiązań CSS, które często umożliwią w bardzo prosty sposób pozbyć się problemów, do których trzeba było angażować JS, czy asurdalne ilości nieczytelnego, archaicznego kodu CSS.

Każde wpis rozwiązania informuje nas, czy „możemy używać go wszędzie”, jak wygląda w praktyce, jak działa w teorii oraz daje nawet gotowca, dla fanów Tailwinda.

Potężna baza wiedzy informująca nas, czy dana funkcjonalność jest wspierana na różnych wersjach przeglądarek – szczególnie użyteczna, jeśli np. chcemy sprawdzić dostępność nowych funkcji CSS, wsparcie poszczególnych formatów zdjęć, formatów video itd.

Do każdego wpisu są oczywiście odpowiednie wyjaśnienia, przypisy i nawet komentarze.

Podgląd, edycja i generowanie meta tagów dla wybranego URL-a.

Bardzo przydatne, jeśli potrzebujemy np. szybkiego podglądu podstrony dla Facebook-a, Linkedin, czy X bez potrzeby angażowania debuggera; pozwala szybko wyłapać ewentualne błędy.

Zbiór dziesiątek tysięcy różnych API, zarówno darmowych jak i płatnych – znajdziemy tutaj praktycznie wszystko, od programów TV, czy Social Media, po bardziej skomplikowane, wspierające się AI.

Możemy z miejsca wygenerować gotowca do użycia w aplikacji/www, czy gdziekolwiek.

Ciężko opisać słowami, jak cudowne jest to repozytorium – istny skarbiec dla web developera 🙂