GTUG Campout — ежегодное мероприятие, на котором члены Google Technology User Group проектируют, разрабатывают и демонстрируют продукт в течение 3-х дней. Это формат продленного уикенда, который начинается в пятницу и заканчивается вечером воскресенья. В прошлом году темой проектов была Google Wave, в этом — HTML5. Campout в этом году проходил в Кремниевой Долине, Лагуне (Мексика), Мельбурне (Австралия), Мюнхене (Германия) и Днепропетровске (Украина).

Чтобы посмотреть как все работает, нужен броузер на движке WebKit (Safari/Chrome), учетная запись на Facebook, открытый 12345-й порт и выключенный Касперский.

f.lux™ — программа, изменяющая цветовой профиль вашего монитора в зависимости от времени суток.



Собственно, этим все сказано. Ночью глаза меньше устают от теплых цветовых тонов, днем — от ярких и холодных. Ссылка для скачивания: stereopsis.com/flux/flux-setup.exe

Оказывается, Google Reader тайком записывает нашу активность. Через интерфейс вы ничего не найдете, однако есть несколько команд, чтобы посмотреть на историю некоторых своих действий:

1. Все посты, которые вы отправили по почте — www.google.com/reader/view/user/-/state/com.google/tracking-emailed
2. Все посты, отмеченные, как непрочитанные (галочка «Отметить, как прочитанные» внизу поста) — www.google.com/reader/view/user/-/state/com.google/tracking-kept-unread
3. Все посты из предыдущего пункта, но которые вы еще не прочитали — www.google.com/reader/view/user/-/state/com.google/kept-unread
4. Посты, у которых вы нажали заголовок, чтобы посмотреть пост в самом блоге — www.google.com/reader/view/user/-/state/com.google/tracking-item-link-used
5. Посты, в которых вы нажимали ссылки — www.google.com/reader/view/user/-/state/com.google/tracking-body-link-used
6. Прочитанные посты, расположенные в порядке того, как прочитывались — www.google.com/reader/view/user/-/state/com.google/read
7. Фиды, на которые вы подписаны по рекомендации Гугла (раздел «Рекомендации») — www.google.com/reader/view/user/-/state/com.google/recommendations-subscribed
8. Рекомендованные Гуглом фиды от которых вы отказались («Нет, спасибо» в разделе «Рекомендации») — www.google.com/reader/view/user/-/state/com.google/recommendations-dismissed

— Подсмотрено в блоге «Google Operating System»

Аналитическая компания Click Forensics, которая специализируется на исследовании клик-фрода в крупнейших поисковых системах, опубликовала очередное исследование. Выводы неутешительные: количество «фальшивых» кликов по контекстной рекламе продолжает расти. По итогам IV кв. 2007 года уровень средний уровень клик-фрода вырос до 16,6%. Это новый рекорд.

Если считать только поисковые системы, то показатель и вовсе вырос до 28,3% (почти в полтора раза больше, чем год назад). Другими словами, примерно каждый третий переход по рекламе на поисковых сайтах Google и Yahoo является «фальшивым», то есть сделан специально для накрутки.

Определены также страны, которые генерируют наибольшее количество фальшивых кликов. По этому показателю лидируют Индия, Германия и Южная Корея.

Тимоти управлял своим собственным стартапом в Кремниевой долине. Такая работа вместе с увлечением танцами не способствовали формированию атлетического телосложения. Его вес был 65 кг. В конце концов, ему надоело быть худым парнем, и он решил поэкспериментировать с изменением тела.
После анализа исследований, посвященных мышечной гипертрофии, он разработал свою программу тренировок. В итоге он прибавил 15 кг мышц и потерял больше килограмма жира. И все это за 28 дней!

До: 66кг После: 80кг

Для тех меломанов, кто использует iTunes + APPLE iPod в хозяйстве пригодится программа TagScanner. Программа работает под Windows и поддерживает рус.яз. Есть Help на рус.яз.

Хочу немного рассказать о том что такое подкасты и как их слушать. Исключительно с целью поддержки этого нужного и можно сказать модного движения. Нам понадобиться компьютер с доступом в интернет и mp3 плеер (или телефон). Для тех кто только начинает.

У воды есть память.

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

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

Спасибо	Извини	Ты мне противен

Впечатления воды фиксируются с помощью её стремительного замораживания в криогенной камере.

На сайте Университета Аризоны опубликовано свыше 1,7 терабайта изображений Марса, отснятых камерой высокого разрешения, установленной на Mars Reconnaissance Orbiter — многофункциональной автоматической межпланетной станции НАСА.

Теперь любой посетитель сайта hirise.lpl.arizona.edu может насладиться видом кратеров, пустынь и прочих захватывающих ландшафтов. Снимки были сделаны телескопом HIRISE (High Resolution Imaging Science Experiment) и представляют собой (в большинстве) изображения гигабайтного размера с разрешением 50 тыс. на 20 тыс. пикселей.

«Эти изображения должны содержать сотни важных открытий о Марсе. Нам нужно время, чтобы проанализировать их», — заявил один из руководителей проекта.

via Slashdot

Вчера в который раз возник вопрос по подбору нескольких иконок в очередном веб-проекте. В основном пользуюсь готовыми иконками из бесплатных наборов. До недавнего времени прибегал к услугам сайта iconpicker.deviantech.ru. Навигация по иконкам была хоть и не самая удобная, но явно лучше, чем просто проглядывать их в Finder'е (или Explorer'е). Однако в последнее время сайт недоступен.

В итоге решил сделать собственный навигатор по иконкам:

Автор скрипта psd.js — Райан Лефевр. Скрипт, как вы уже догадались, умеет открывать photoshop документы, как в браузере, так и на стороне Node.js.

Демонстрация возможностей (ранняя beta, не удивляйтесь, что некоторые файлы не откроются. На github странице проекта многие жалуются на это).

Пример вывода информации на Node.js:

{PSD} = require 'psd.js'
 
psd = PSD.fromFile './path/to/file.psd'
psd.parse()
 
for layer in psd.layerMask.layers
console.log "Layer: #{layer.name}"
console.log "Size: width=#{layer.cols}, height=#{layer.rows}"
console.log "Position: top=#{layer.top}, left=#{layer.left}"

Лето близится к концу, и у всех накопилось огромное количество фото, которые нужно разобрать, отредактировать и, конечно же, показать всем-всем-всем. Думаю, у каждого есть любимый сервис для такого случая. Раньше, на ноутбуке с Windows, таким сервисом для меня была Picasa, а с переходом на Mac, стало удобнее пользоваться Flickr. Сегодня я хочу рассказать о Picrolla. Это приложение для импорта фотографий из Picasa и Flickr в альбомы В Контакте.

Хорошим тоном считается всегда указывать для изображений, которые мы используем на странице, их длину и ширину. Часто такие картинки, если мы не укажем их размеры, могут во время загрузки раскачивать нашу верстку.
Чтобы во время разработки было более наглядно, где мы пропустили картинки без указания размеров, ребята из 37Signals предложили небольшой, но чрезвычайно полезный сниппет:

img:not([width]):not([height]) {
  border: 2px solid red !important;
}

Теперь все картинки, для которых мы не указали размеров — будут подсвечены красной рамкой, и пропустить их будет гораздо труднее.

Оригинал статьи

Audiko Everywhere

Сегодня, как обычно в пятницу (1, 2), мы анонсируем новую фичу — Audiko Everywhere. Теперь владельцы музыкальных сайтов могут использовать сервис Audiko по нарезке рингтонов прямо у себя на сайте. Для этого необходимо разместить лишь небольшой javascript.

Мы в бете, есть что улучшить, но пример интеграции уже есть. API готово к новым партнерам. Прямо сейчас можно создать рингтон на сайте замечательной группы «… и Друг Мой Грузовик» — нажмите на колокольчик рядом с треком.

Теперь самое важное. Как получить API Key Audiko. Если вы хотите использовать Audiko Everywhere, оставьте в комментариях адрес вашего проекта или напишите мне лично, я расскажу что делать дальше.

Удачи!

Свершилось. Долгие бессонные ночи не прошли даром и мысль, заявленная Вадимом aka pepelsbey, обрела более-менее физические очертания.

sprites.webo.in (сырая-сырая альфа-версия) — название, собственно, говорит само за себя. Вводим URL CSS-файла — на выходе получаем архив с минимизированным (никакой сортировки селекторов, просто базовая минимизация) CSS-файлом и набором свеженьких спрайтов. Здорово?

Проблема:
при запуске Эклипсы на экране с высоким разрешением — ничего не видно, а внимание отвлекается на непонятные элементы интерфейса.
Цветовая раскраска для разработки под Python кажется неинформативной.
Особенно актуально для людей с пониженным зрением, работающих без очков на мониторах с разрешением 1680х1050 и выше.

Задача:
1) найти скин, который бы визуально увеличивал значимые части интерфейса (названия табов, элементы списков)
2) а также визуально уменьшал рюшечки, не несущие смысловой нагрузки
3) подобрать броские и понятные цвета и шрифты редактора
4) желательно чтобы всё вместе это напоминало (хотя бы отдаленно) редактор textmate

На решение была потрачена пара часов перебора различных вариантов методом тыка.
Описание поможет вам сэкономить эти несколько часов :)

Вы наверное уже слышали о технологии масштабирования Liquid Resize, которая учитывает содержимое изображения. Если вам интересно как оно все работает и как можно реализовать все это самому, то читайте далее (осторожно, много рисунков).


(НЛО прилетело и растянуло этот рисунок здесь)

Эта статья покажет, как в современных браузерах можно сделать подсветку текста в поле редактирования (WYSIWYG).
Пример можно посмотреть, в google.docs или на некоторых продвинутых форумах.

Уверен, многим это будет интересно.

Атрибут contentEditable и параметр designMode

Именно contentEditable или designMode и делает для нас всю основную «грязную» работу.

Если этот атрибут поставить в тег, то всё, что внутри тега, становится автоматически редактируемым.

<html><head></head><body>
  <div contentEditable="true"><b>C</b>ontent<u>!!!</u></div>
</body></html>

работающий пример

Этот атрибут не поддерживается сейчас некоторыми старыми браузерами (например, FireFox 2.0). Но есть более «глобальный» параметр страницы, который сейчас поддерживают все браузеры, который нам может помочь —

<?php

/**
* Пример реализации Generic-класса
*
* Возможности:
* 1. Осуществляет доступ к параметрам класса через методы get* set* (accessors/mutators)
*     Пример: $object->setName('Dima'); $object->getName();
*     При изменении стандартного поведения метода (добавление дополнительной логики)
*     можно просто определить его в классе при этом не изменяя интерфейс класса.
* 2. Поддерживает встроенную валидацию данных с возможностью использовать или заранее
*     определенные типы данных (numeric, string, email, date и др.)
*     или регулярные выражения.
* 3. Имплементирует паттерн Lazy initialization для инициализации объектов.
*     Позволяет загружать параметры объекта из БД (например) не сразу при инициализации,
*     а только при первом запросе.
*
* Видимые недостатки:
* 1. Отсутствует возможность использовать автокомплит в IDE, так как методы явно не определены
*
* Плюсы:
* 1. Позволяет избежать дублирования кода при определении однотипных методов set и get
* 2. Сокращает код классов и централизует управление параметрами
* 3. При необходимости можно расширить функциональность. Например, добавив callback функции
*     или принудительную фильтрацию данных.
* 4. Избавляет от рутинных обязанностей проверки входящих данных, тем самым
*     обеспечивая некоторый уровень безопасности.
*     Это совсем не дает 100% гарантии — не стоит забывать об этом.
* 5. Не вносит коррективы в интерфейс классов. Можно легко сочетать обычные классы и классы
*     наследующие GenericObject без видимых различий для клиентов класса. При необходимости
*     можно легко отказаться от использования просто переопределив все гетеры и сетеры.
* 6. Упрощает работу с классами, предоставляя удобный и естественный способ
*     инициализации объектов:
*     $obj1 = new Class(123);
*     $obj2 = new Class(array(
*         'param1' => 'value1',
*         'param2' => 'value2')
*     ));
*/

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

Начнем:
Делали механизм для роликов с разработчиками. Суть простая: загружено множество роликов, а потом они проигрываются в плеере. Сами ролики на сервере представляют собой музыкальые файлы и записи в БД. Записи имеют свои св-ва.
Ниже речь пойдет только о двух: позиция ролика в общей очереди и название.
Чтобы редактировать позицию ролика не очень-то хотелось переходить на специальную страницу, где можно было бы отредактировать это св-во. Роликов было около 150 :) Представляете какую рутиную операцию приходилось бы делать.
Как раз на днях просматривал JQuery. Вообще до того момента я больше склонялся к mootools, но после более глубокого общениея с первым из этого списка решил, что остановлюсь на этом фреимфорке.