Съдържание
- 01. Опростете Gmail
- 02. Спектър
- 03. CSS Scan 2.0
- 04. Амино
- 05. Сизи
- 06. Палитра на сайта
- 07. Чекбот
- 08. Тоби
- 09. DomFlags
- 10. Силно хайлайтър
Инструментите за разработчици на Chrome са страхотни, но е възможно да добавите още по-вълнуващи функции към вашия интернет браузър, за да улесните уеб дизайна и разработката.
Разбира се, има много други инструменти наоколо, които да ускорят нещата, вижте публикацията ни в любимите ни инструменти за уеб дизайн. Засега обаче има 30 от любимите ни разширения на Chrome за уеб дизайнери и разработчици.
01. Опростете Gmail
Ако откриете, че Gmail става твърде объркан за негово добро, поздравете Simplify Gmail, който помете всички отломки и лоши решения на потребителския интерфейс, които са се прокраднали през последните няколко години. Създаден от бившия водещ дизайнер на Gmail, Майкъл Легет, той се отървава от цялата разсейваща бъркотия и ви предоставя по-оголена и функционална версия.
02. Спектър
Цветната слепота от някакъв вид засяга около 200 милиона души по света, но обслужването за тях често е ниско в контролния списък за достъпност на дизайнерите. Със Spectrum обаче можете бързо да тествате сайта си срещу различни видове дефицит на цветно зрение и да се уверите, че всичко е ясно.
03. CSS Scan 2.0
Инструментите за разработчици на Chrome са удобен начин да проверите под капака, за да видите как работи сайтът, но CSS Scan 2.0 е още по-лесен, ако искате да разгледате CSS. Задръжте курсора на мишката върху който и да е елемент и неговият CSS ще се появи в изскачащ изглед, което ви позволява да копирате правилата му с едно щракване. Можете да го използвате, за да копирате определени елементи от теми или шаблони, за да ги адаптирате за собствена употреба и е чудесно за отстраняване на грешки в собствения ви код.
04. Амино
Ето още един страхотен CSS инструмент. Amino е CSS редактор на живо, който ви позволява да генерирате таблици със стилове в браузъра и да ги прилагате в реално време към уеб сайтове. Той ефективно ви позволява да правите постоянни промени в дизайна на всеки сайт, който посещавате, и ако сте влезли в Chrome с вашия акаунт в Google, тогава таблиците със стилове ще бъдат синхронизирани, така че да са достъпни от Chrome на всички ваши настолни устройства.
05. Сизи
Отзивчивият уеб дизайн е даден в наши дни и ако искате директен начин да проверите вашите проекти в множество изгледи, Sizzy си струва да погледнете. Той ще ви покаже интерактивен изглед на вашата страница, изобразена на редица различни размери на екрана на устройството, а също така можете да покажете и скриете симулирана клавиатура на устройство и да превключвате между портретен и пейзажен режим.
06. Палитра на сайта
Следващият път, когато видите сайт, който използва чудесно цвета, ето един лесен начин да се възползвате от него. Site Palette извлича основните цветове от уебсайт и генерира палитра за споделяне, която можете лесно да покажете на сътрудниците. Можете също да изтеглите шаблон на Sketch и има и поддръжка на Adobe Swatch.
07. Чекбот
Уверете се, че всички връзки на вашия сайт действително работят, е незабавна печалба от използваемостта и това е добър начин да подобрите и SEO. Checkbot е разширение на Chrome, което проверява за счупени връзки, дублирани заглавия, вериги за пренасочване, невалидни HTML / JS / CSS и други, така че можете бързо да проверите сайта си за лоши връзки и да ги поправите.
08. Тоби
Истината е общопризната, че докато отворите Chrome за няколко часа, това ще бъде объркващо гнездо от раздели, широки на малкия ви пръст. Тоби е чудесен начин да ги укротиш; с него можете да организирате всички тези раздели в колекции от връзки като алтернатива на множество отделни отметки, което ги прави много по-лесни за управление.
09. DomFlags
Радиално ускорете процесите на стилизиране на елементи с DomFlags, наистина страхотно разширение, което ви позволява да създавате клавишни комбинации за DOM елементи. Това е като да имате отметки за навигация в DOM; това ще промени начина, по който работите с DevTools.
10. Силно хайлайтър
Ето един интересен начин да привлечете хората към дискусия: Силно ви позволява да споделяте акценти от статии в мрежата, така че да можете да привлечете вниманието към най-значимите части от писането.
Напред: още 10 разширения за Chrome