5 обов'язкових доповнень для роботи в css від Firefox
5 обов'язкових доповнень для роботи в css від Firefox
Привіт мої читачі! Надіюсь у вас все добре! Через велику кількість роботи немає часу для написання статей, про що я перепрошую. Сьогодні я розповім Вам про п'ять доповнення для FireFox. Дані доповнення можуть стати для Вас незамінними в повсякденній роботі. Дані доповнення роблять мою роботу в 10 разів швидше. Давайте пояснимо їх:
HTML tab дозволяє вивчати (інспектувати) елементи і перевіряти їх CSS атрибути. За допомогою даного інструменту розробки Ви навіть можете змінювати CSS код. Так само даний інструмент дозволяє додавати, змінювати, редагувати html елементи.
Net tab дозволяє вивчати будь-які запити посилаються на сервер Вашим браузером. даний інструмент дозволяє вивчати помилки сервера і безглуздості відбуваються на ньому, або помилки пов'язані з неправильним використанням слешів в шляхах до зображень.
YSlow є доповненням до Firebug, розробленим компанією Yahoo, для визначення швидкості роботи Вашого сайту. Використовуйте YSlow для отримання малюнка про те, що можна поліпшити або прискорити або дізнатися, що працює не так.
Web Developer Toolbar лякає. Цей - інструмент подобу Firebug. Він має безліч інструментів для розробки, але кращими для мене є:
Line guides: створює горизонтальні і вертикальні лінії для перевірки правильності розташування ваших шарів.
Ruler: надає доступ до значень висоти і ширини будь-яких елементів на сторінці.
Resize: перевіряє, як виглядає сайт на екранах з різними розмірами.
HTML + CSS validation: перевірка правильності HTML і CSS
Чи мали Ви коли-небудь величезний CSS файл, в якому було безліч змін, які Ви не змогли запам'ятати. Це можливо, наприклад, коли який-небудь з селектор більш не використовується. Dust-me selectors перевіряє, чи використовується ще CSS селектор, якщо немає, то Ви можете його видалити.
ColorZilla хороший інструмент, який чудово працює з квітами. За допомогою інструменту «піпетка» ви отримуєте можливість отримати значення будь-якого кольору використовуваного на сторінці. ColorZilla має наступні три кльові речі:
- RGB або HEX кольору;
- інструмент для регулювання, коригування кольорів;>
- інструмент для збільшення елементів на сторінці.
Я хотів би додати до цього списку доповнення ReCSS, яке дозволяє перезавантажувати наш CSS файл без перезавантаження всієї сторінки.
На цьому, все хлопці! Я сподіваюся, дані інструменти знадобляться Вам! До зустрічей!
Переклад статті 5 must-have Firefox add-ons for CSS Development. Переклав Єрмаков А.П.