Сперва, небольшой эксперимент
Чтобы сделать эту небольшую статью намного интереснее, я предлагаю просто открыть результаты поиска Google и сразу вернуться к чтению под катом.
Рубрика «javascript» - 501
Page Visibility API и побочный эффект предотрисовки страниц
2013-03-18 в 12:56, admin, рубрики: chrome, Google, html5, javascript, page visibility api, prerender, веб-аналитика, Веб-разработка, метки: chrome, Google, html5, page visibility api, prerenderВзлом 4pda или история одной ночи
2013-03-17 в 16:32, admin, рубрики: 4pda, javascript, xss, взлом, информационная безопасность, метки: 4pda, xss, взлом 
В этом посте будет много текста о том как одной ночью был найден активный XSS на форуме всем известного проекта 4pda. Для КулХацКероВ специалистов, баг уже прикрыли!
Читать полностью »
StateController. Событийная модель в разработке интерфейсов. Часть 2
2013-03-17 в 15:35, admin, рубрики: javascript, JS, StateController, Веб-разработка, событийная модель, событийное программирование, фреймворк, метки: StateController, событийная модель, событийное программирование, фреймворк
В данной статье мы рассмотрим базовые понятия событийной модели StateController'а.
Зоны распространения событий
В селективной модели приложений работа ведется с теми элементами, которые были предварительно выбраны для работы. В чистой событийной модели событие должно распространяться на все элементы DOM-дерева. Это совершенно не важно на маленьких объемах, но при росте количества нод деградация скорости будет даже не линейной. Представьте себе, что событие click должно пройтись по всем нодам, чтобы определить, на каких именно элементах оно сработает. Есть предположение, что псевдокласс :hover в IE6 именно так и работал, поэтому он так сильно тормозил.
Чтобы хоть как-то ускорить работу генератора событий, не заставляя его постоянно обходить все дерево нод, лучшим решением является ограничение зон распространения событий. Фактически, мы используем селективную модель внутри событийной, но с некоторыми ограничениями.
Читать полностью »
StateController. Событийная модель в разработке интерфейсов. Часть 1
2013-03-17 в 11:57, admin, рубрики: javascript, JS, StateController, Веб-разработка, событийная модель, событийное программирование, фреймфорк, метки: StateController, событийная модель, событийное программирование, фреймфорк 
Введение
Сейчас все больше и больше появляется JavaScript-фреймворков, которые несколько отличаются от нынче модного jQuery. Одни стараются реализовать MVC, другие предоставляют сильносвязанную архитектуру, третьи направлены на асинхронность, и так далее. Каждый разработчик выбирает то, что ему ближе всего, и что наиболее эффективно решает поставленную задачу. Поэтому я не буду обсуждать достоинства или недостатки фреймворков, а расскажу, к чему пришли мы в наших продуктах, какие концепции разрабатывались и какие проблемы решались.
Начну, пожалуй, с задачи. Мы строили SaaS, информационно-аналитическую систему, которая оперировала существенными объемами данных. Пользователь мог получать довольно большое количество информации за один запрос, но при этом мог некоторые блоки информации уточнять, переходя на еще больший уровень детализации. Построй мы классическую схему многостраничного приложения, мы бы получили грустную скорость выборки данных из базы, большое количество передаваемого трафика, но самое главное — не удовлетворяли бы потребность рынка, который требовал как можно меньшего времени ожидания ответа на запросы. Поэтому мы выбрали модель построения одностраничного приложения, когда данные догружаются по требованию и только те кусочки, которые нужны пользователю в данный момент времени. Убили трех зайцев одновременно.
Читать полностью »
Универсальный код C# под .NET и JavaScript
2013-03-17 в 8:02, admin, рубрики: .net, Gfranq, html5, image processing, javascript, метки: .net, c++, Gfranq, html5, image processing, javascript, scriptВведение
Приветствую вас, читатели. В данном топике я хотел бы осветить подробности разработки на C# под разнородные целевые платформы, в первую очередь такие как .NET и браузер (JavaScript). В качестве примера желающие могут изучить веб-сервис по обработке фотографий gfranq.com, в котором реализована клиентская и серверная обработка фотографий с помощью фильтров, а также функциональность коллажей на основе материала, описанного в данной статье.
Так как я не умею подбирать картинки для привлечения внимания, то она будет по теме:
Кнопка «наверх» – мелочь, а удобно, реализация на Prototype.js
2013-03-17 в 7:41, admin, рубрики: javascript, Веб-разработка, интерфейсы, юзабилити интерфейсов, метки: javascript, юзабилити интерфейсов 
Вообще-то для этого существует комбинация клавиш Ctrl + Home — в самый вверх, и Ctrl + End — в самый низ, если кто не знает или не помнит. Но ещё бывает лень потянуться к клавиатуре чтобы нащупать соответстующие кнопки, особенно когда сидишь откинувшись в кресле, а в руках чашка с кофе. Что касается обычных, в том числе «непродвинутых» юзеров, так им и дела нет до каких-то сочетаний и комбинаций.
По всей видимости, чтобы облегчить жизнь людям, сберечь их время и силы придумали такие интерфейсные элементы. На многих сайтах сейчас можно встретить кнопку «наверх» в самых разных местах страницы, её лепят куда угодно, как правило, в один из углов страницы.
Читать полностью »
Каждый из нас немного автомеханик. Или про handbooks
2013-03-16 в 10:17, admin, рубрики: javascript, php, общение, метки: общениеКто из нас не сталкивался с необходимостью что-то сделать самостоятельно, но не знал «как именно»? Лично я неоднократно. То надо магнилолу в автомобиле настроить, то найти некий серийный номер на агрегате. Задачи бывают разные. И в поиске ответов на вопросы я шел на тематические форумы. Впрочем, это касается не только автомобилей, а любой сферы нашей жизни. Одни люди задают вопросы, а другие отвечают.
Одним из распространенных ответов на вопрос «как это сделать» является пошаговая инструкция в стиле «берешь это здесь, прикручиваешь сюда». Человек её смотрит-читает, повторяет действия и получает решенную задачу. Такую инструкцию либо выкладывают на форуме в сообщениях, либо в виде файла (в популярном формате), либо ссылаются на сайт-источник. В любом случае такая помощь работает. Я решил пойти немного дальше в этом вопросе и предлагаю сервис в интернете по созданию такого рода инструкций (handbooks).
AngularJS для привыкших к jQuery
2013-03-15 в 21:08, admin, рубрики: angular, AngularJS, javascript, jquery, Веб-разработкаAngularJS — прекрасный фреймворк для построения веб-приложений. У него замечательная документация, снабженная примерами. В обучающих «пробных» приложениях (вроде TodoMVC Project) он очень достойно показывает себя среди остальных прочих фреймворков. По нему есть отличные презентации и скринкасты.
Однако если разработчик никогда ранее не сталкивался с фреймворками, подобными Angular, и пользовался в работе в основном библиотеками вроде jQuery, то ему может быть трудно изменить свой образ мышления. Как минимум, так было со мной, и я бы хотел поделиться некоторыми заметками на эту тему. Может быть, кому-то это будет полезно.
Читать полностью »
Редактор цветовых схем для SublimeText 2
2013-03-15 в 19:56, admin, рубрики: Google Chrome, html, html5, javascript, будущее здесь, метки: Google Chrome, html5, open source, sublime-text-2 В середине октября 2012 года Allen Bargi (aziz) обратил своё внимание на Angular.js и работу новых HTML5 API-интерфейсов для работы с файлами в Chrome. Эксперимент затянулся и разросся в замечательный проект — TMTheme Editor. Являясь on-line приложением, редактор TMTheme позволяет создавать и редактировать визуальные темы для популярного нынче SublimeText, так же поддерживается совместимый по темам Textmate и другие редакторы.
Читать полностью »
Динамический шаблон WordPress
2013-03-15 в 9:16, admin, рубрики: javascript, php, wordpress, веб-дизайн, шаблоны, метки: wordpress, веб-дизайн, шаблоныПри разработке одного из проектов столкнулся с необходимостью настроить вывод постов в двух вариантах:
- Расширенный — Название, крупное изображение, анонс, некоторые ссылки
- Компактный — Название, маленькое изображение
Причиной тому был тот факт, что некоторым пользователям удобнее, когда на страничке отображается несколько последних записей и их краткое содержание, а некоторым — большое количество записей, без анонса.
В таком случае необходимо каждому пользователю дать возможность переключать вид так, как ему будет удобно.
Общий алгоритм следующий:
- При загрузке страницы проверяется состояние параметра style в базе
- В зависимости от параметра посты выводятся в том или ином формате
- При нажатии на флажок переключения вида запускается функция getPage
- Функция getPage принимает значение переключателя и отправляет данные на обработку и ОЖИДАЕТ ЗАВЕРШЕНИЯ ОБРАБОТКИ
- Файл style_updater.php принимает данные и обновляет Базу данных.
- После этого функция getPage перезагрузит страницу