Существуют разные способы создания верстки под Drupal. Кто-то верстает уже затемленные страницы, кто-то пытается обойтись стандартными темами, но как правило, сначала верстальщик верстает страницы по дизайну, и на выходе получается набор html файлов — слайсов. Затем девелоперы интегрируют эти файлы по кусочкам при теминге.
Причем в процессе интеграции находятся ошибки, какие-то модификации, поэтому верстка и скрипты к ней относящиеся, должны быть доступными для правок и тестирования.
Именно о последнем способе в основном будет идти речь, я опишу типичные ошибки и бест-практики по их решению при написании JS-скриптов для D7. Думаю это будет интересно как верстальщикам под Drupal, так и разработчикам модулей. В случае верстальщиков основным принципом, которым нужно руководствоваться будет факт, что ваш скрипт будет работать в окружении Drupal, и это накладывает ряд ограничений, в идеале скрипт должен подключаться к Drupal и работать без каких-либо дополнительных модификаций, при этом работать на слайсах вне Drupal.
Читать полностью »
Рубрика «javascript» - 521
Руководство по написанию JS скриптов для front-end разработчиков под Drupal 7
2012-12-02 в 15:55, admin, рубрики: drupal, javascript, метки: drupal, javascriptНовый сервис Dropbox: диалог выбора файлов Dropbox Chooser с поиском и галереей для встраивания в веб-приложения
2012-11-30 в 18:28, admin, рубрики: DropBox, javascript, веб-приложения, Веб-разработка, Облачные вычисления, метки: DropBox, веб-приложения 
Веб-сервисы постеменно начинают использовать новый сервис Dropbox Chooser, упрощающий интеграцию с Dropbox, и дополняющий уже существующий Dropbox API. В рамках нового сервиса разработчикам предлагается небольшой JavaScript-компонент, который можно встраивать в приложения, и который автоматически публикует или прикрепляет документы.
Читать полностью »
Асинхронная загрузка данных Backbone.js
2012-11-30 в 14:52, admin, рубрики: backbone.js, javascript, асинхронная загрузка, Веб-разработка, метки: backbone.js, асинхронная загрузка Добрый день! Я продолжу писать статьи о том, что пришлось писать на Backbone.js в ходе работе и с чем вы можете столкнуться. Сегодня речь пойдет про асинхронную загрузку данных, а точнее данных которые часто нам нужны на сайте.
Читать полностью »
Dune 2: The Building of a Dynasty
2012-11-30 в 1:30, admin, рубрики: browser, Emscripten, javascript, online, я пиарюсь, метки: browser, emscripten, javascript, online Разработчик: Westwood Studios
Издатель: Virgin Games
Жанр: Strategy (Real-time) / Top-down
Системные требования:
Читать полностью »
JavaScript библиотека для работы с формами списков SharePoint (NewForm.aspx, DispForm.aspx, EditForm.aspx)
2012-11-29 в 20:20, admin, рубрики: codeplex, javascript, jquery, sharepoint, sharepoint 2013, метки: codeplex, javascript, jquery, sharepoint, sharepoint 2013Вместо предисловия
var field = new Igotta.StandartListFormsUtility.ListField('Title');
field.setValue('TEST');
Краткое описание
JavaScript библиотека SPListFormUtility предназначена для управления стандартными формами списков SharePoint 2010 и SharePoint 2013:
- NewForm.aspx
- DispForm.aspx
- EditForm.aspx
SPListFormUtility может:
- читать/устанавливать значения полей
- скрывать поля
- делать поля не активными
- упростить модификацию HTML-кода форм
Псевдо веб сокеты
2012-11-29 в 7:57, admin, рубрики: ajax, javascript, perl, web, метки: javascript, perl, web Вдохновившись вот этой статьёй о Socket-соединениях в Веб-приложениях, решил сделать более-менее универсальный модуль с удобным интерфейсом, реализующий эту технологию.
В этой статье под словом «сокет» имеется ввиду програмный интерфейс, который обеспечивает обмен данными между серверным и клиентским скриптами, с возможностью клиентского постоянно «слушать порт». Другими словами, как только что-то произошло на сервере, он может тут же сообщить об этом клиенту, и наоборот. Конечно же, в javascript нет возможности «слушать порты» и создавать полноценные сокеты, но зато у нас есть спички, изолента и пластилин, из которых можно смастерить какое-то подобие.
Сначала я опишу примерный принцип действия этой системы, а затем, по традиции, приведу код примитивного чата построенного на её основе, с, конечно же, ссылкой. Хотелось бы увидеть своими глазами хабраэффект в действии. Ещё в конце будет ссылка на репозиторий с исходниками.
Пагинация для Backbone.js
2012-11-28 в 20:36, admin, рубрики: backbone.js, javascript, пагинация, метки: backbone.js, пагинация Добрый день! Недавно писал пагинацию для Backbone.js, вот хотел бы поделиться с Вами, может кому-то пригодится.
Читать полностью »
«Offline first» подход к созданию веб-приложений
2012-11-27 в 18:58, admin, рубрики: application cache, javascript, offline first, Веб-разработка, Мобильный веб, оффлайн-приложенияВ этом году на конференции Full Frontal, оффлайн-приложения были популярной темой. Пол Кинлан сделал отличный доклад «Строим веб-приложения будущего. Завтра, сегодня и вчера» (вот его слайды), в котором он сравнивал ощущения пользователей от работы с 50 популярными мобильными приложениями для iOS и Android с ощущениями от веб-сайтов и приложений.
Стоит ли говорить, что нативные приложения зарекомендовали себя с гораздо лучшей стороны, когда соединение с интернетом было недоступно. Оффлайн-режим — очень важная вещь, и стоит думать о нем с самого начала работы над приложением, а не рассчитывать добавить его потом, когда будет время. Работая над сайтом Rareloop, мы с первого дня помнили об оффлайн-режиме. Мобильные клиенты FormAgent тоже были изначально спроектированы для работы в оффлайне, чтобы пользователь мог продолжать работу в отсутствие интернета и прозрачно синхронизироваться, когда связь появляется. В этой статье я описываю принципы и практики, которые, на мой взгляд, очень помогают разрабатывать такие приложения.
Обратите внимание! Я не рассматриваю вопросы кэширования ресурсов приложения — вы можете использовать App Cache или гибридное решение (вроде PhoneGap), это не принципиально [От переводчика: на Хабре есть подробная статья про особенности работы с Application Cache API]. Это руководство посвящено скорее тому, как спроектировать архитектуру веб-приложения для работы в оффлайн-режиме, а не тому, какие механизмы использовать для его реализации.
Читать полностью »
Примеры использования тригонометрических функций для анимации
2012-11-27 в 17:10, admin, рубрики: javascript, анимация, Веб-разработка, визуализация, Дизайн в IT, тригонометрия, метки: анимация, визуализация, тригонометрия 
Джастин Уиндл, программист и дизайнер из Google Creative Lab, опубликовал на Codepen.io интересное демо, показывающее примеры использования тригонометрических функций для задания динамики анимации (easing), которая выглядит естественно и правдоподобно. Демо написано с использованием легковесного анимационного фреймворка Sketch.js, написанного Уиндлом.
Фильтр для комментариев Хабрахабра в виде userscipt
2012-11-26 в 8:08, admin, рубрики: javascript, браузеры, Веб-разработка, метки: habrahabr, javascript Как часто говорят: «Лень — двигатель прогресса». Вот так однажды, мне стало лень читать все комментарии к статьям, скроллить десятки, а порой и сотни комментариев. Я решил как-то упростить этот процесс — создал userscipt (вот тут неплохая статья, которая помогла понять как делать этот самый скрипт), который отфильтрует комментарии по рейтингу.
Читать полностью »