Category Archives: javascript

БЭМ — система модулей (виджетов) от Яндекс

Интересная реализация клиентских модулей, которая предполагает определённую файловую структуру для шаблонов, css, js и любых других нужных технологий. Естественно, повторное использование. Декларации для автоматической сборки модулей (css, js, шаблонов) написаны на javascript. Есть скрипты для автоматической сборки модулей в страницы. Пример построения сайта от разработчиков — http://video.yandex.ru/users/ya-events/view/302/?ncrnd=6362 Вот ещё видео — тут рассказывается про то, …

Read more

Chrome Developer Tools

Решил попробовать сменить браузер разработки с firefox на chrome. Почитал статью про возможности Chrome Developer Tools. Оказывается, там столько интересного есть :)

Игры воображения с новыми API для JavaScript

Хороший доклад Гайдара Магданурова про новые возможности бразуеров (Application Cache, Web Workers, Web Sockets, File API, History API, Indexed DB). Ничего революционно нового он не поведал, просто вкратце перечислил и показал примеры. Мне понравилось. Видео — http://vimeo.com/34086427. Слайды — http://www.slideshare.net/gaidar/api-javascript. Дополнительные ссылки: https://developer.mozilla.org/en/DOM/Manipulating_the_browser_history

Firefox developer tools

Видео: Firefox developer tools Скачать новый Firefox (beta): http://blog.mozilla.com/futurereleases/2011/12/23/firefox-beta-with-new-developer-tools-and-enhanced-sync-is-ready-for-testing/

Дизассемблирование и минификация javascript

http://pimpmyjs.com/ — Uglify or Beautify your JavaScript, it’s your choice… (minify js online) На jquery.min.js выдал ошибку, но в общем работает, и причём быстро.

Создание web-приложения для работы без подключения к сети

Основная идея — проверять перед сохранением данных значение navigator.onLine и слушать события online (для сохранения на сервере), offline (для сохранения в localStorage) и load (для загрузки несохранённых данных на сервер при загрузке страницы после подключения к сети).

Сравнение 12 javascript MVC-фреймворков

The Top 10 Javascript MVC Frameworks Reviewed Лучшим признан Ember.js. Надо поковырять) UPD: поковырял. В принципе, более стройная архитектура, чем у того же backbone, у которого часть логики контроллера во вью. Но из коробки нет router и не так просто с pushState, так что не стал использовать серьёзно. Возможно, через полгода-год этот фреймворк будет интереснее.

Готовый бесплатный видеоплеер на html5

http://videojs.com/

Презентации на javascript

https://github.com/bartaz/impress.js. Вот что получается: http://bartaz.github.com/impress.js/#/bored. Кстати, есть и описание на хабре — http://habrahabr.ru/blogs/css/136505/

Popcorn.js — удобный и простой фреймворк для создания видеоплеера на HTML5

http://popcornjs.org/ — позволяет показывать видео и другой контент пользователю без использования flash. Есть большой каталог примеров: http://popcornjs.org/Demo/semantic-video, http://popcornjs.org/Demo/popcorn-remote