Что нового
  • Что бы вступить в ряды "Принятый кодер" Вам нужно:
    Написать 10 полезных сообщений или тем и Получить 10 симпатий.
    Для того кто не хочет терять время,может пожертвовать средства для поддержки сервеса, и вступить в ряды VIP на месяц, дополнительная информация в лс.

  • Пользаватели которые будут спамить, уходят в бан без предупреждения. Спам сообщения определяется администрацией и модератором.

  • Гость, Что бы Вы хотели увидеть на нашем Форуме? Изложить свои идеи и пожелания по улучшению форума Вы можете поделиться с нами здесь. ----> Перейдите сюда
  • Все пользователи не прошедшие проверку электронной почты будут заблокированы. Все вопросы с разблокировкой обращайтесь по адресу электронной почте : info@guardianelinks.com . Не пришло сообщение о проверке или о сбросе также сообщите нам.

Подборка Полезных Инструментов И Библиотек Для Веб-разработчиков

Sascha

Заместитель Администратора
Команда форума
Администратор
Регистрация
9 Май 2015
Сообщения
1,071
Баллы
155
Возраст
51
Фронтэнд — хитрая штука: его нетрудно понять, но в нём сложно стать мастером — слишком много разных нюансов нужно учесть. К счастью, разработчики и дизайнеры постоянно создают инструменты, которые упрощают выполнение рутинных задач и дают свободу творчеству. Именно поэтому мы собрали для вас подборку полезных ресурсов для разработки на HTML, CSS и JavaScript.

HTML и CSS

INITIALIZR




Этот

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

создаёт настраиваемый шаблон, основанный на HTML5 Boilerplate. Выберите, нужен ли вам образец содержимого, определитесь между JS и jQuery и задайте необходимые настройки совместимости.

LAYER STYLES




Приятный и простой

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

для создания CSS — практически графический редактор. Он позволяет вам добавлять тени, фон, границы и создаёт кроссбраузерный CSS-код.

MOBILE BOILERPLATE





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

для создания производительных веб-приложений. Поддерживаются как топовые смартфоны, так и устройства на Blackberry, Symbian и IE Mobile.

VOGUE




Этот

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

обновляет таблицу стилей страницы в браузере, причём его можно настроить для одновременной работы с несколькими браузерами. Для использования нужно установить NodeJS и npm.

CSS-X-FIRE




Этот

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

позволяет изменять CSS-свойства в IDE, не беспокоясь об обновлении страницы в браузере.

FFFFALLBACK




Этот

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

пригодится вас, когда вы захотите «поиграться со шрифтами» Он сканирует CSS-код страницы и создаёт её клон, где вы и можете тестировать различные шрифты.

CODEKIT для MAC OS X





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

предназначен для ускорения и упрощения процесса разработки сайтов. Он поддерживает Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript и Compass.

LESS-BOILERPLATE





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

написан на Less и включает в себя CSS Reset, CSS3 Helpers и многое другое.

NEEDLE V0.1A1





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

— это удобный инструмент для тестирования CSS и сравнения частей веб-сайтов.

SPRITEMAPPER





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

объединяет несколько изображений в одно и настраивает CSS-позиционирование частей — это потенциально уменьшает время загрузки сайта.

NORMALIZE.CSS





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

использует немного иной подход к CSS Reset. Вместо сброса всех настроек по умолчанию разработчики разобрались, как разные браузеры работают с отдельными частями кода, и оставили лишь нужные настройки. Это экономит время и повышает производительность.

EMMET (бывш. ZEN CODING)





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

— это плагин для ускорения написания и редактирования кода. Это достигается за счёт использования сокращений.

PCSS




Это

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

, написанный на PHP, который предоставляет вам дополнительные возможности при использовании CSS. Необходим PHP5.

JAVASCRIPT-инструменты

MODERNIZR 2





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

— это широко используемая open-source JS-библиотека, которая помогает создавать сайты на HTMl5 и CSS3. Во второй версии появилась возможность комбинировать определение возможностей браузера с медиазапросами и условной загрузкой ресурсов, что повышает производительность и оптимизацию.

FITTEXT





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

— это jQuery-плагин для создания отзывчивой и плавающей верстки.

JQUERY WAYPOINTS





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

— это небольшой jQuery-плагин, позволяющий настроить выполнение функции при пролистывании к элементу.

KAFFEINE





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

синтаксиса JS, упрощающий его использование.

CROSSROADS.JS




Эта

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

вдохновлена утилитами URL Route/Dispatch, представленными в таких фреймворках, как Rails, Pyramid, Django, CakePHP, CodeIgniter и т.д. Она парсит входную строку и определяет нужное действие.

HEAD.JS





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

, ускоряющий, упрощающий и модернизирующий ваш сайт. Вы можете загружать скрипты, а также использовать HTML5 и CSS3.

GRID CALCULATOR





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

, позволяющий быстро настроить сетку и загрузить её в Adobe Illustrator или Photoshop.

GRIDDLE.IT





Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

выровнять вёрстку. Всё, что нужно — поместить измерения после предоставленного URL, чтобы получить фоновое изображение с разметкой страницы.
 
Вверх