Содержание
- 01. HTML стрелки
- 02. Думай на бумаге
- 03. CSS Dig
- 04. Генератор цветовых оттенков
- 05. Visual Code Studio
Никто не любит отлаживать свою работу, поэтому в этом месяце мы собрали несколько инструментов, которые немного упрощают эту задачу. Есть CSS Dig, расширение Chrome, которое представляет ваш CSS в удобном формате, чтобы вы могли копаться и находить несоответствия; ES Feature Tests, которые вы можете рассматривать как альтернативу caniuse; и Vorlon.js, который поможет вам протестировать код на множестве устройств.
Приятно видеть в этом месяце два кроссплатформенных инструмента от Microsoft, редактор кода и обучающую среду разработки, которая позволяет новичкам приступить к программированию мобильных приложений.
Также интересна новость о том, что инструменты для рисования были добавлены в Paper, приложение для рисования для iPad, так что теперь вы можете использовать его замечательный интерфейс для рисования как диаграмм, так и эскизов. Давайте погрузимся.
01. HTML стрелки
HTML Arrows - это красиво оформленная шпаргалка для символов HTML, вдохновленная минималистской швейцарской эстетикой. Все наиболее полезные символы отображаются в выбранном вами порядке вместе с их юникодом, шестнадцатеричным кодом, кодом HTML и значениями сущности HTML, чтобы вы могли сразу получить всю необходимую информацию.
02. Думай на бумаге
Мы в восторге от этого. Приложение для рисования В Paper добавлены инструменты для рисования, чтобы вы могли рисовать диаграммы, используя прямые линии, формы и заливки. Вы можете рисовать объекты, такие как круги и треугольники, от руки, и «Механизм намерений» распознает и исправит их. Это отличный способ воплощать свои идеи с помощью iPad, когда вы в пути, при совместной работе или при работе с клиентами.
03. CSS Dig
Это удобное расширение для Chrome предоставляет альтернативный способ анализа вашего CSS и поиска исправлений и улучшений. Он отображает все ваши свойства CSS с их частотой и вариациями, поэтому вы можете легко определить, если у вас каким-то образом получилось слишком много оттенков цвета. Он также отображает длину и специфичность селектора, чтобы вы могли разрешить войны за специфичность и консолидировать свой код.
04. Генератор цветовых оттенков
Он создает что-то вроде таблицы оттенков краски Dulux на основе указанного вами исходного цвета. Помогает ли этот тип представления цвета принять решение, зависит от вас, но этот инструмент обеспечивает красивую последовательность оттенков в удобной форме. Просто щелкните цвет, чтобы скопировать его в буфер обмена.
05. Visual Code Studio
Visual Code Studio - это редактор кода от Microsoft для создания современных веб-приложений и облачных приложений. Вы можете подумать, что это означает, что он предназначен только для Windows, но, что примечательно, это кроссплатформенное предложение, которое также работает в Linux и Mac OSX. Он поддерживает несколько языков, и вы получаете обширную помощь по коду и навигацию без использования полной IDE.
Следующая страница: еще пять лучших веб-инструментов мая