Статьи

10 ++ Лучшие ресурсы и инструменты для веб-разработчиков 2011 года (часть 2)

Как и было обещано в нашем последнем посте, вот вторая (и последняя) часть нашего выбора того, что мы считаем наиболее полезными и инновационными инструментами и ресурсами 2011 года (включая фреймворки, шаблоны, приложения, ресурсы JavaScript, инструменты для анимации CSS3). , и т.д.). Наслаждайтесь!

Похожие сообщения:

1. CoderDeck

Комбинирует Deck.js с редактором кода с подсветкой CodeMirror2, чтобы упростить демонстрацию и обучение живому HTML, CSS и JavaScript прямо в браузере.


CoderDeck

Источник
демонстрация

2. ApeJS

Крошечная платформа для разработки сайтов Google App Engine с использованием языка JavaScript. Существуют и другие JS-фреймворки, которые вы можете использовать с App Engine — RingoJS и AppEngineJS очень хорошо сделаны.


ApeJS

Источник + Демо

3. money.js

Это очень простая и крошечная (чуть более 1 КБ!) Библиотека JavaScript для конвертации валют в реальном времени и расчета обменного курса из любой валюты в любую валюту.


money.js

Источник + Демо

4. validate.js

Это легковесная (чуть более 1кб в сжатом виде) библиотека проверки форм JavaScript, созданная на основе CodeIgniter, которая позволяет проверять поля форм из более чем десятка правил. У него нет зависимостей, он настраивается и работает во всех основных браузерах (даже в IE6!).


validate.js

Источник + Демо

5. Recurly.js

Является библиотекой JavaScript с открытым исходным кодом для создания великолепных форм кредитных карт для безопасного создания подписок, разовых транзакций и обновления платежной информации. Библиотека предназначена для создания полностью настраиваемых форм заказов при минимальном объеме соответствия PCI.


Recurly.js

Источник
демонстрация

6. Бутстрап

Это инструментарий от Twitter, созданный для быстрого начала разработки ваших веб-приложений или сайтов. Он включает в себя базовый CSS и HTML для типографики, форм, кнопок, таблиц, сеток, навигации и поставляется с полной документацией руководства по стилю.


начальная загрузка

Источник + Демо

7. Adapt.js

Это легкий файл JavaScript, который определяет, какой CSS-файл загрузить до того, как браузер отобразит страницу. Если браузер наклоняется или изменяет размер, Adapt.js просто проверяет его ширину и обслуживает только тот CSS, который необходим, когда это необходимо.


Adapt.js

Источник + Демо

8. Адаптивные изображения

Предназначено для использования с адаптивными и гибкими методами компоновки. Это решение, которое автоматически создает, кэширует и доставляет соответствующие контенту устройства (оно определяет разрешение экрана посетителей) изображения вашего сайта. Не нужно менять разметку, она управляет собственным изменением размера изображения и будет работать на любой CMS или даже на плоских HTML-страницах.


Адаптивные изображения

Источник + Демо

9. deck.js

Это инструмент для создания современных HTML-презентаций. Слайды являются базовым HTML. Модуль deck.core отслеживает состояния слайдов и состояния колоды, оставляя CSS для определения того, как выглядит каждое состояние и как переходить между ними. Расширения используют основные события и методы для добавления вкусностей, предоставляя докладчикам свободу добавлять то, что они хотят, и опускать то, что они не делают.


deck.js

Источник
демонстрация

10. FitVids.JS

Это легкий и простой в использовании плагин jQuery для адаптивного встраивания видео в ширину. Он автоматизирует метод внутреннего соотношения Тьерри Кобленца, чтобы добиться гибкости видео в вашем адаптивном веб-дизайне.


FitVids.JS

Источник
демонстрация