Веб-разработка → Несколько находок
Кроссдоменные запросы с помощью YQL
Как клиентский веб разработчик, я всегда хочу уменьшить расходы потребления серверных ресурсов. Может быть, я один такой, не знаю. Но есть группа задач, которые просто-напросто не реализуемы на стороне клиента. Одна из таких задач: запрос на чужой домен. Нам приходится создавать серверный скрипт, который выступает посредником между браузером и сервером, с которого хотим стянуть данные, отдавая данные как бы со своего домена.
Позавчера, один уважаемый человек с форума javascript.ru с ником melky вскользь упомянул о каком-то странном, на первый взгляд, jQuery плагине, который называется jquery.xdomainajax.js
Пытливому уму программиста не нравятся всякие плагины, без понимания сути, поэтому я выковырял самую нужную часть:
var query = 'select * from html where url="http://javascript.ru/" and xpath="*"'
var url = 'http://query.yahooapis.com/v1/public/yql?q='+encodeURI(query)+'&format=xml&callback=callback';
var script = document.createElement('script');
script.src = url;
document.body.appendChild(script);
function callback(data) {
console.log(data); //сам текст ответа находится в data.result[0]
}Откройте консоль и зупустите код. Как видно, в запрос пихается урл сайта и XML запрос в виде xpath, ответ приходит в виде jsonp. Если в урле написать format=json, то ответ придет в виде объекта с тегами.
Дальше этого применения я не пошел, поэтому лучше сами изучите матчасть здесь: developer.yahoo.com/yql/
В комментариях настаивают указать на ограничения по количеству запросов с одного IP и запросов, использующих accesskey, которого у нас нет (так что, скорее всего, можно забить :) ).
Я пиарюсь → Makeuptor.com — мейкап для сайта

Как часто вы хотели украсить свой сайт, например, к Новому году, но отказывались от этого, потому что это слишком сложно и скучно? И в самом деле, выбор подходящей картинки, возня с графическими редакторами и изменение html-кода не самое веселое занятие. Мы как никто знаем это, поэтому и создали удивительно простой сервис, который избавит вас от унылой рутины и позволит украсить ваш сайт в пару кликов.
Веб-разработка → Создаем счетчик-картинку из песочницы

Всем привет! Сегодня я расскажу Вам, как создавать динамически такую картинку, как выше с использованием PHP. Все наверное задумывались, как такое реализовать. Мне кажется, если очень хорошо подумать, то нам на ум придет новая технология, которая сейчас внедряется, особенно с приходом HTML5. Это, как наверное многие уже догадались — SVG. Для тех, кто не знает, по сути, это — всего-лишь обыкновенная картинка, но записанная в виде подобия XML. Картинку можно получить двумя способами: нарисовать самому например в Inkscape или скачать уже готовую. Я воспользуюсь вторым методом, так как ни времени, ни художественного таланта у меня нет. Я буду делать на примере личных сообщений/почты, поэтому мне понадобяться две картинки, первая — сообщений нет, вторая — мы имеем некоторое количество новых сообщений. Скачаем картинки вот тут. old.svg — сообщений нет, new.svg сообщение есть.
Электронные книги → Новый формат Kindle 8 с поддержкой HTML5
Похоже, Amazon ни в какую не хочет поддерживать epub, зато продолжает совершенствовать свой собственный формат, основанный на Mobipocket. На днях компания опубликовала некоторые технические спецификации Kindle Format 8 (KF8), восьмого поколения формата электронных книг от Amazon, который заменит Mobi 7.
Как было показано на презентации Kindle Fire, формат KF8 позволяет создавать красочные и богато скомпонованные цифровые книги любых жанров: от комиксов и детских книг до технической документации и кулинарных справочников. По сравнению с Mobi 7 в КF8 добавлено более 150 новых элементов форматирования, включая фиксированную разметку, вложенные таблицы, выноски, сайдбары, графику SVG и форматирование CSS3.
Как было показано на презентации Kindle Fire, формат KF8 позволяет создавать красочные и богато скомпонованные цифровые книги любых жанров: от комиксов и детских книг до технической документации и кулинарных справочников. По сравнению с Mobi 7 в КF8 добавлено более 150 новых элементов форматирования, включая фиксированную разметку, вложенные таблицы, выноски, сайдбары, графику SVG и форматирование CSS3.
Каскадные Таблицы Стилей → CSS Shaders: 3D-эффекты для веба
Компании Adobe, Apple и Opera совместно разработали спецификации CSS Shaders для генерации качественных видеоэффектов в браузере, причём фильтры можно накладывать на любой HTML-элемент. Они выглядят знакомо для всех, кто применял эффекты в редакторе Flash-анимации, или для тех, кто знает элемент
filter из стандарта Filter Effects 1.0 для SVG. Здесь то же самое, только гораздо лучше.Game Development → Draw a Stickman: игра на canvas/js/svg

Draw a Stickman — впечатляющий пример того, какую увлекательную игру можно сделать с помощью JavaScript-библиотеки raphael.js для генерации SVG. Игра особенно подходит для планшетов, в ней совершенно не используется Flash.
Блог компании Ciklum → Разработчики игр соберутся в Днепропетровске на Ciklum Game Developers Saturday
В наших офисах как по всей Украине, так и в Беларуси постоянно проходят Ciklum Saturdays, собирающие разработчиков по различным технологиям.
Рады сообщить, что очередной Ciklum Saturday будет посвящен разработке игр и всему, что с этим связано!
Ciklum Game Dev Saturday пройдет в Днепропетровске и обещает быть пестрым, разносторонним и интересным, а темы увлекательны даже тем, кто по роду деятельности еще не сталкивался с предметом разговора.
Рады сообщить, что очередной Ciklum Saturday будет посвящен разработке игр и всему, что с этим связано!
Ciklum Game Dev Saturday пройдет в Днепропетровске и обещает быть пестрым, разносторонним и интересным, а темы увлекательны даже тем, кто по роду деятельности еще не сталкивался с предметом разговора.
Масштабируемая векторная графика → HTML и SVG: создаём интерактивную карту
Давайте создадим интерактивную карту. Чего-нибудь. Что значит интерактивную? Ну, она должна взаимодействовать с пользователем и с данными на веб-странице, на которой она расположена. Думаю, этого достаточно, чтобы считать её интерактивной.Что же, и возьмём мы SVG. Почему? Да потому что с ним легко работать человеку, знакомому с HTML. SVG — это векторный формат, основанный на XML. То есть у SVG-рисунка есть своя DOM, к различным элементам можно применять CSS-правила и управлять старым добрым JavaScript'ом.
Что же, начнём?
Масштабируемая векторная графика → Сказ о том, как добрый молодец борол змея трехглавого, или Как встроить графики в формате SVG в документы Adobe InDesign — часть вторая
Продолжение вот этого поста.
Шаг пятый, или Применяем стиль «пьяный мастер за работой»
Теперь, раз у нас уже есть примитивы, давайте применим цвета, альфа-канал и стили у линий.
Шаг пятый, или Применяем стиль «пьяный мастер за работой»
Теперь, раз у нас уже есть примитивы, давайте применим цвета, альфа-канал и стили у линий.
Масштабируемая векторная графика → Сказ о том, как добрый молодец борол змея трехглавого, или Как встроить графики в формате SVG в документы Adobe InDesign — часть первая
Приветствую всех хабражителей!
Сначала небольшое лирическое отступление. Этот пост был написан не мной, а моим пока еще незахабренным коллегой, и, на мой взгляд, заслуживает вашего внимания со всеми вытекающими. Итак…
Зачин
Однажды в студеную зимнюю пору надоело автору добру молодцу бороться с векторными картинками в формате EPS. И решил он идти в ногу с прогрессом и встраивать графики и диаграммы в документы Adobe InDesign в виде SVG. И тут постигло его разочарование великое, ибо фирма Adobe Systems предпочитает свой Adobe Flash, а в Adobe InDesign поддержка SVG отсутствует на корню. Однако ж у добра молодца накопился знатный опыт создания плагинов под InDesign и решил он применить свою силушку богатырскую и забороть гидру трехглавую. Богатырь сказал – богатырь сделал, а именно — заборол.
О деталях этой борьбы и поведем наш сказ.
Сначала небольшое лирическое отступление. Этот пост был написан не мной, а моим пока еще незахабренным коллегой, и, на мой взгляд, заслуживает вашего внимания со всеми вытекающими. Итак…
Зачин
Однажды в студеную зимнюю пору надоело О деталях этой борьбы и поведем наш сказ.