Мы уже давно планировали опубликовать подобную статью, и когда занялись ее написанием, оказалось, что ресурсов довольно много, и нам пришлось немного сократить список. Нам пришлось исключить несколько jQuery-плагинов и других ресурсов, посвященных веб-разработке, которые показались нам менее важными, чем те, которые мы привели ниже.
Сегодня мы хотим предложить вам несколько ресурсов, из которых вы сможете выбрать наиболее интересные или полезные вам.
01. Simplytestable
Сэкономьте время и оградите себя от тестирования клиентской части веб-приложения. Теперь протестировать весь веб-сайт можно всего за один клик.
02. Greensock javascript-анимация
Greensock – это фантастическая среда разработки javascript-анимации, которая позволит вам сделать практически все возможное при работе с веб-дизайном.
Несмотря на то, что не так много людей знают о ней в сообществе javascript, она имеет огромную аудиторию в сообществе Flash, где она используется так же часто, как jQuery используется javascript-фанатами.
03. Плагин jBar, jQuery-панель с призывом к действию
jBar – это простой миниатюрный баннер оповещения на jQuery, который представляет собой отличную альтернативу Hellobar. Он позволяет вам создавать простые call-to-action элементы и отображать их пользователям веб-сайта. Пользователи могут управлять видимостью панели.
04. jQuery-плагин slideControl.js
05. RequestReduce
Невероятное простое решение по автоматическому использованию спрайтов, оптимизации и комплектации. Вам не придется сообщать RequestReduce о местонахождении ваших ресурсов. Ваши коды CSS и javascript могут быть где угодно – даже на внешнем хосте. RequestReduce найдет их автоматически.
06. Simple Grid
Simple Grid была разработана для разработчиков, которым нужны базовые сетки. Simple Grid отлично работает с шаблонами 1140px, но при этом отлично адаптируется под любой размер шаблона. Учитывая гибкие колонки, Simple Grid достаточно адаптивна даже для мобильных устройств.
07. Responsivator
Проверяйте, как веб-сайты будут выглядеть при разных размерах экрана, а также делитесь этой информацией с другими.
08. Delta – бесплатный шаблон jQuery UI
09. Sticky
Sticky – это jQuery-плагин, который дает вам возможность создавать любые элементы на странице, и делать их видимыми всегда.
10. TypeScript
TypeScript – это язык для javascript-разработки на уровне приложения. TypeScript представляет собой отличный набор javascript, которые компилируется в простой код javascript. Любой браузер. Любой хост. Любая ОС. Все предоставляется с открытым исходным кодом.
11. Codiad
Codiad представляет собой веб-интегрированную среду разработки с минимальными требованиями. Система пока еще на ранней стадии разработки, и хотя она уже зарекомендовала себя в роли надежной, пожалуйста, не ленитесь создавать резервные копии ваших работ.
12. Grid—A—Licious
13. CSS FilterLab
CSS FilterLab использует самую современную технологию, которая доступа в последней версии Google Chrome Canary и последних версиях браузеров семейства WebKit.
14. Bonsai
Миниатюрная графическая библиотека с интуитивным графическим АПИ и SVG-рендером.
15. CSSHorus
CSSHorus – это CSS-платформа для простой и быстрой разработки адаптивных и мобильных веб-сайтов. Она состоит из 16-колоночной сетки и базовых форматов стиля (сбросы, основные стили, типографика, списки, ссылки, таблицы, формы, кнопки) для вашего веб-проекта, а также из кода CSS и RTL.
16. Очень простая адаптивная платформа
17. uiji.js
18. Kube: CSS-платформа для профессиональных разработчиков
Все по минимуму и всего достаточно. Адаптивная и реагирующая. Красивая типографика и революционная сетка. Нет никаких навязанных стилей, зато есть свобода.
19. Deployd
Deployd – это платформа, которая упрощает процесс разработки комплексных приложений для серверной стороны. Разработка ПАИ для веб и мобильных приложений занимает минуты вместо дней. В отличие от работы с традиционными приложениями для серверной стороны, здесь отсутствует шаблон или конфигурация. Deployd работает с вами напрямую. Лучшее здесь заключается в том, что вы можете запускать платформу когда захотите и сколько захотите – она бесплатная и распространяется с открытым исходным кодом.
20. Fine Uploader
21. Scripted
Scripted – это быстрый и легкий редактор кода с фокусом на редактирование javascript. Scripted представляет собой веб-редактор, и сам редактор обслуживается посредством локально запущенного Node.js.
22. Fallr
23. Tiny Circleslider
Tiny Circleslider – это слайдер/карусель в форме окружности. Он был разработан для того, чтобы снабдить веб-разработчиков необычной альтернативой стандартным каруселям. Tiny Circleslider может быть интегрирован практически в любую веб-страницу. Он был разработан при помощи javascript jQuery-библиотеки.
24. Ejecta
Ejecta – это нечто вроде браузера без браузера. Он предназначен для игр и анимаций. Здесь нет div-элементов, таблиц или форм – только элементы Canvas и Audio. Это позволяет ускорить разработку.
25. jarallax
Jarallax – это js-библиотека с открытым исходным кодом, которая позволяет облегчить настройку CSS. С помощью Jarallax вы сможете без труда создавать веб-сайты с эффектом параллакс-скроллинга.
26. Tampon: приложение Buffer с открытым исходным кодом
Tampon дает вам возможность накапливать твиты, создавать очередь, а затем автоматически публиковать их в течение дня.
27. Sentry
Sentry – платформа сбора и записи информации о событиях в режиме реального времени. Приложение сосредоточено на мониторинге ошибок и извлечении всей нужной информации для того, чтобы быстро обнаружить источники проблемы.
28. Socialist: плагин ленты новостей социальных сетей
Socialist представляет собой плагин ленты новостей социальных сетей, который совмещает в себе несколько лент новостей. Вы можете использовать его для создания социальной ленты из Facebook, Twitter, LinkedIn, YouTube, Pinterest, Flickr, Tumblr, Craiglist RSS и других социальных сетей.
29. Cycle2
Cycle2 – это универсальный плагин слайд-шоу для jQuery, разработанный с фокусом на легкость использования. Он поддерживает декларативный стиль инициализации, который позволяет нам полностью настраивать и редактировать его без необходимости писать код. Просто встройте плагин, распишите разметку и Cycle2 сделает все остальное.
30. jQuery Stick ’em: прикрепляем контент при прокрутке
31. grunt
Grunt – это инструмент-командная строка, разработанный для javascript-проектов.
32. SuperAgent
SuperAgent – это маленькая прогрессивная библиотека HTTP-запросов для клиентской стороны, а также Node.js с тем же АПИ, которые поддерживают множество клиентских HTTP-свойств на высоком уровне.
33. KnockoutJS
34. Selfstarter
Selfstarter – это отличная точка старта (с открытым исходным кодом) для разработки собственного специального сайта коллективного финансирования. Он был создан Lockitron после их раскола с Kickstarter.
35. Pikaday: выбор даты посредством javascript
Pikaday – это элемент выбора даты при помощи javascript, с модулярным кодом CSS. На данный момент он находится на стадии разработки, но уже сейчас выглядит отлично.
36. Cambelt: функциональные изображения-заглушки
37. TinyPNG
TinyPNG использует хитрую технологию компрессии, которая уменьшает размер ваших PNG-файлов. При выборочном сокращении числа цветов в вашем изображении, для хранения данных изображения может потребоваться лишь несколько байт. Эффект практически незаметен, но он создает огромную разницу в размере файла.
38. PHP Error: правильные отчеты об ошибках
39. CSSrefresh
CSSrefresh – это маленький, незаметный javascript-файл, который отслеживает css-файлы, включенные в вашу веб-страницу. Как только вы сохраните CSS-файл, изменения мгновенно будут внесены на страницу без необходимости перезагружать страницу браузера.
40. timing: jquery-плагин
Jquery-тайминг предоставляет вам простые методы определения повторений, тайм-аутов, интервалов, а также циклов, привязанных к событиям.
41. lenticular.js: изображения, управляемые жестами
42. jQuery Easing Plugin
jQuery с jQuery Easing Plugin – это наипростейший способ создать анимацию со сглаживанием. Вам просто нужно указать имя сглаживания в методе .animate в качестве третьего аргумента или ключа сглаживания.
Функция сглаживания определяет скорость анимации, чтобы сделать ее более реалистичной.
Сам объект не начинает свое перемещение мгновенно. Когда мы открываем секцию, мы сначала задаем ускорение, а затем мы замедляем его. Когда что-то падает, оно сначала падает быстрее и быстрее, а затем возвращается обратно после удара об пол.
Раздел: Лучшее из сети Нет комментариев
Недавно выпущенные ресурсы веб-разработки, о которых вам следует знать
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 7345 | Нет комментариев
Источник материала / оригинал статьи Распечатать
Источник материала / оригинал статьи Распечатать