Сортировать статьи по: дате | популярности | посещаемости | комментариям | алфавиту

Как использовать Local storage для Javascript?

Создание собственного приложения для составления списков запланированных дел – это, пожалуй, одно из первых приложений, с которым сталкиваются разработчики, начиная изучать javascript. И проблема подобных приложений заключается в том, что когда вы обновляете страницу, все списки пропадают.

Здесь есть довольно простое решение, которое заключается в использовании Local storage. Хорошая черта Local storage заключается в том, что вы можете сохранять информацию на жесткий диск пользователей, так что, когда они обновляют страницы со списком запланированных задач, все остается на своих местах.

Squel.js: создаем SQL строки запроса при помощи javascript

Иногда мы просто не можем знать, как будет выглядеть наш SQL-запрос, так как бывают ситуации, что запрос должен быть создан динамически. Либо вы, возможно, ищете решение, которое сделало бы ваши SQL-запросы более понятными.
Squel.js представляет собой миниатюрную javascript-библиотеку, которая помогает без труда создавать sql-запросы посредством ОО (объектно-ориентированного) API.

FPSMeter: привлекательный измеритель FPS на Javascript

FPS-измерители используются для измерения и визуализации значения количества кадров в секунду, и подобный функционал зачастую используется в играх, подключениях для потокового видео и так далее. FPSMeter – это open source javascript-библиотека, которая упрощает процесс интеграции подобного функционала в страницы, и при этом довольно привлекательно выглядит.

Responsive-Nav: отдельный JavaScript-плагин для адаптивных меню

На маленьких экранах довольно часто встречается практика, когда посредством кнопки/иконки можно спрятать/отобразить меню. Это своего рода адаптивная навигация. Даже для иконки уже выработался свой стандарт.

Responsive-Nav представляет собой javascript-плагин, который в значительной степени упрощает создание подобных адаптивных меню (плагин весит всего 1.6кб при сжатии Gzip).

Апрель 2013: Что нового появилось в сети для веб-дизайнеров?

Апрельский выпуск обзора новинок для веб-дизайнеров и разработчиков включает в себя новые веб-приложения, jQuery-плагины и javascript-ресурсы, а также мобильные приложения, образовательные ресурсы, наборы для создания набросков, фреймворки, инструменты для веб-разработки, а также несколько хороших новых комплектов шрифтов.

Отображаем модальные окна на JavaScript при помощи Bootstrap

В данной статье мы хотим сосредоточиться на использовании мобильных окон внутри простой веб-страницы. Нам нужно просто включить два файла из фреймворка Bootstrap. К тому же, js-коды не такие уж и сложные, и в них все понятно. Наши демонстрационные файлы позволяют пользователям динамично обновлять цвет фона, правда для этого придется использовать кое-какой дополнительный js-код. Но это отличный пример того, как можно добавлять простенькие компоненты в обычную веб-страницу.

Intro.js: дает посетителям правильное направление

Вы знаете о том, насколько важно, чтобы веб-сайт был полностью понятным, а навигация – очевидной. Посетители не хотят задумываться о том, как попасть в тот или иной раздел, и если для использования вашего сайта у вас есть специальная инструкция, то ваш сайт обречен на провал. Но! Представьте, что вы так незначительно изменили что-то на сайте, что ваши постоянные посетители даже не заметили этого, но вам нужно, чтобы они увидели эти изменения, потому что они могут быть важны и для них тоже! Как вы думаете, было бы неплохо очень аккуратно намекнуть пользователям о чем-то новом на сайте, чтобы они заинтересовались и смогли узнать об этом?

Sonic: загрузчики с редактором на базе Canvas

Анимированные gif-файлы – это наиболее часто применяемый формат изображений «загрузки». Sonic представляет собой миниатюрный javascript-класс для создания подобных изображений-загрузчиков при помощи HTML5 canvas. Он работает за счет рисования фигур с маленьким интервалом по заранее указанному пути, где вы определяете размеры, цвета или количество кадров в секунду.

Draggabilly: отдельная js-библиотека для свободного перетаскивания элементов

Возможность перетаскивать элементы при помощи jQuery UI на сегодняшний день очень востребована, но для тех, кому нужна какая-то альтернатива, мы хотим предложить отдельную миниатюрную js-библиотеку под названием Draggabilly. Библиотека работает со всеми современными браузерами (IE8+), и здесь имеется встроенная поддержка touch-событий.

Bespoke.js: миниатюрный фреймворк для создания пользовательских презентаций и слайдеров

Bespoke.js – это миниатюрная (меньше 1кб при сжатии GZIP) javascrip-платформа для создания отличных пользовательских презентаций или слайдеров контента. Это основа, которая предлагает вам базу (поддержка клавиатуры и touch, а также возможность добавлять к слайдам необходимые классы), и остальное (css-переходы или другие скрипты JS).