Часть 1 | 50 потрясающих инструментов и ресурсов для веб-разработчиков
В этой статье мы собрали для вас коллекцию из 50 самых необходимых инструментов и ресурсов, с помощью которых вы узнаете, как делать все быстрее и быть более продуктивным. Мы пропустили что-то очень важное, без чего веб-разработчик жить не может? Оставляйте все в комментариях. А вот и наша подборка, давайте начнем с нею знакомиться:
Дизайн
Удивительный ресурс для высококачественных текстурированных моделей. Много великих художников способствовали созданию коллекции действительно острых и разносторонних изображений. Ох, и просматривают их сайт даже довольно приятно.
2. Blokk Font
Blokk это специальный шрифт для демонстрационных макетов, он является отличной альтернативой Lorem Ipsum. Это может пригодиться в случае краю дизайнерского искусства, что не будет, как правило, хорошо перемешать с латинского на нем.
3. FreePik
Freepik предлагает колоссальную коллекцию векторных изображений, иллюстраций, SVGs, PSDs и стоковых фотографий. Весь материал совершенно бесплатный. Все разбито на аккуратные категории, так что у вас не возникнет никаких проблем с поиском того, что вы ищите, хотя, возможно, выбрать будет сложно, поскольку существует более 1.4 миллиона файлов.
Это одна бесценная коллекция фото материалов. В ней более 20 ресурсов – все из них бесплатные и с лицензией.
5. Google Fonts
Вы, наверное, знаете об этом сейчас, но мы не могли опустить это. Это библиотека шрифтов Google, которая на сегодняшний день является лучшим местом, для поиска дружественных шрифтов.
6. By People
ByPeople.com это сеть полезных, постоянно обновляемых ресурсов. ByPeople собирает красивые, чистые и обновленные графические халявы, фрагменты кода и полезные ресурсы, организовывая все это в списки, которые можно скачать напрямую с сайта.
7. Snipplr
Snippler предлагает своим пользователям возможность загружать куски полезного кода и делиться им с остальными. Есть тысячи фрагментовjavascript, php, css, ruby и другого языка.
8. HailPixel
Интересно использовать палитру цветов. Он обрабатывает выбранный цветовой тон, яркость и насыщенность цвета.
Удивительный онлайн-сервис с блестящей идеей. Color Thief позволяет загрузить изображение и получить цветовую палитру для него, а также узнать его доминирующий цвет. Очень полезно для принятия дизайнерских решений.
10. Dribbble
Dribbble это сообщество веб-дизайнеров, графических дизайнеров, иллюстраторов, дизайнеров иконок, логотипов и других творческих людей, которые делятся своими небольшими скриншотами, показывают свои работы. Великолепное место, чтобы исследовать новые дизайнерские идеи.
11. Bootstrap
Интерфейсная основа для созданию соответствующих веб-сайтов. Это делает ваши сайты отзывчивыми, они хорошо выглядят как на малых, так и на огромных экранах с хорошо сделанной системой сетки. Есть много дополнительных ресурсов и плагинов для начальной загрузки, а также альтернативные структуры, как фундамент.
12. Patternizer
Это приложение позволяет создавать простые в использовании шаблоны. Шаблоны могут быть сохранены и разделяют ни с кем, что позволяет сотрудничестве и ремиксов.
13. Project Parfait
Project Perfait является продуктом Adobe, что дает нам возможность получить важную информацию о PSD прямо в браузере. Тем не менее, он не поддерживает PSD editng (по крайней мере пока).
Кодинг
14. Emmet
Emmet это плагин для многих популярных текстовых редакторов, которых значительно повышает скорость, с которой вы пишете HTML код, позволяет очень быстро трансформировать CSS-как селекторы.
На jsbeautifier.org вы можете найти инструмент, который уменьшеньшит кусок JavaScript или HTML кода.
16. CodePen
CodePen вырос в платформу для демонстрации впечатляющих CSS3 и JS демок. Если вы в погоне за классными кнопками или просто ищете вдохновение, посетите CodePen.
17. W3 Validator
The Validator представляет собой бесплатный сервис по W3C, который помогает проверить правильность веб-документов. Он может обрабатывать документы, написанные на большинстве языков разметки и дать вам представление о том, что может быть не так с кодом. При поиске ошибок в коде вы в первую очередь должны воспользоваться данным инструментом.
18. mincss
MinCSS это инструмент, который при заданном URL загружает страницу и его CSS и сравнивает каждый селектор в CSS и выясняет, какие из них не используются. Результатом является копия оригинала CSS.
19. Koala App
Замечательное кросс-платформенное приложение, которое компилирует less/sass файлы автоматически.
20. jsfiddle
Jsfiddle.net удивительное место для написания и распространения кода. К услугам гостей панели для написания CSS, HTML и сценарии вашего проекта. Jsfiddle также позволяет включать библиотеки, такие как JQuery, AngularJS и другие. После чего вы можете запустить код в само приложение или сохранить его и передать остальным.
21. Hurl
Это инструмент для тестирования APIs. Вы выбираете метод запроса, настраиваете заголовки и POST параметры, добавляете обычную или OAuth авторизацию учетных данных.
22. SublimeText
Sublime Text представляет собой сложный текстовый редактор, который позволяет вводить и играть с текстовым кодом.
23. Cloud9
Cloud9 является облачной средой разработки, что дает терминал на вашей собственной Ubuntu VM, среди других мощных функций. Альтернативы включают Nitrous.io, Codio and Code Anywhere и другие.
24. Heroku
Heroku был первым крупным игроком на платформе которые поражают разработчиков. Перед этим, мы опирались на дешевых хостинг-провайдеров с ужасной надежностью для размещения наших веб-сайтов (или создание собственных серверов).
25. Vagrant
Vagrant является инструментом для построения полных сред разработки. Vagrant снижает время разработки и установки среды. Существует еще один популярный способ для запуска виртуальных машин с другими операционными системами на компьютере – это VirtualBox.