Читать полностью »

Популярность: 13%

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

Josh Nathanson представил интересный jQuery плагин HeatColor, который изменяет цвета элементов согласно их значениям.

Читать полностью »

Популярность: 44%

Источник

Joonas Lehtinen из IT Mill показал нам, что никогда не стоит делать. В доказательство он решил посмотреть, “возможно ли сделать 3D анимацию на чистом Javascript без Flash, SVG, Canvas или любых других прикольных штучек”.

Читать полностью »

Популярность: 20%

“Быть злым к неправде - это доброта.”

Е. А. Евтушенко

Почему №1? Потому что первая фраза уже была вчера - с номером 0 

Популярность: 12%

Впервые мне встретился style sheet switcher (переключатель таблицы стилей) то ли на сайте A List Apart (Уникальный список), то ли Simple Bits (Мелкие штучки). Это превосходные сайты, с которыми необходимо познакомиться, если хотите серьезно заниматься дизайном.

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

Хочу показать этот пример и провести по нему читателя от начала до конца, поскольку он - не только очередной удачный пример краткой программы, которую можно написать с помощью jQuery. Он также иллюстрирует некоторые более продвинутые характеристики библиотеки jQuery javascript. Не буду сейчас останавливаться на некоторых функциях, связанных с созданием и чтением cookies - они встретятся позже.

Сначала код

$(document).ready(function()
{
        $('.styleswitch').click(function()
        {
                switchStylestyle(this.getAttribute("rel"));
                return false;
        });
        var c = readCookie('style');
        if (c) switchStylestyle(c);
});

function switchStylestyle(styleName)
{
        $('link[@rel*=style]').each(function(i)
        {
                this.disabled = true;
                if (this.getAttribute('title') == styleName) 
                 this.disabled = false;
        });
        createCookie('style', styleName, 365);
}

Привычные основы

$(document).ready(function()
{
        $('.styleswitch').click(function()

Вначале программа дает задание jQuery: «Как можно скорее выделить все элементы с именем класса styleswitch (переключатель стилей) и мгновенно включить функцию, как только элемент вызван щелчком мыши».

Пока все идет хорошо.

При щелчке на элементе будет вызвана функция switchStylestyle. А теперь пойдем дальше.

Что происходит?
Я был поставлен в тупик тем, что увидел, когда обратил пристальное внимание на этот момент в первый раз.

$('link[@rel*=style]').each(function(i)
        {

Обшарив интернет и вернувшись с пустыми руками, я связался с John Resig (Джон Ресиг), создателем jQuery, и попросил его хоть как-то намекнуть мне на причину происходящего.

Он отправил меня к тем страничкам сайта jQuery, которые объясняют некоторые более продвинутые способы использования этой программы для поиска и умелого обращения с элементами на странице.

Если прочитать краткие объяснения и предложенные здесь примеры, то скоро станет очевидно, что эта загадочная строка программы велит jQuery: «Найди все ссылки с соответствующими атрибутами, содержащими строку ‘style’».

Классно?

Давайте посмотрим, как будет создаваться страничка с одной главной stylesheet (таблицей стилей) и двумя альтернативными:

<link rel="stylesheet" type="text/css" href="styles1.css"
  title="styles1" media="screen" />
  <link rel="alternate stylesheet" type="text/css" href="styles2.css"
  title="styles2" media="screen" />
  <link rel="alternate stylesheet" type="text/css" href="styles3.css"
  title="styles3" media="screen" />

Необходимо обратить внимание на то, что все ссылки на stylesheets имеют где-то на страничке соответствующие маркировки «style» в кавычках.

Т.е., короче говоря, эта программа велит jQuery выискать все ссылки на stylesheet на странице.

Что же дальше?

Функция «each()» проходит сквозь каждую ссылку на stylesheet и осуществляет операции, подробно описанные в следующих нескольких строках программы:

this.disabled = true;
if (this.getAttribute('title') == styleName) this.disabled = false;

«Отключите все ссылки на stylesheet, после чего отмените отключение всех тех ссылок, в которых атрибут «title» (название) совпадает с посланной switchStylestyle-функции задачей».

Звучит устрашающе, но все не так страшно.

По сути, мы подбираем пары соответствующих атрибутов ссылок (тех, на которые можно кликнуть, чтобы включить stylesheets) к доступным нам атрибутам, содержащимся в названиях stylesheets (и наоборот).

Если вызвать щелчком мыши одну из этих ссылок, то вызывается функция, которая обнаруживает все stylesheets, отключает их, после чего заново включает одну из них… - ту, название stylesheet-ссылки которой совпадает с соответствующим атрибутом вызванной ссылки.

Ну и дела!

Полная программа и демо-версии.

Поскольку Kelvin Luck (Келвин Лак) уже создал программу, то нет необходимости повторять ее здесь.

Демо

Программа - я не буду отсылать прямо к zip’у (заархивированной версии), это порой воспринимается как грубость. Если пойти на эту страницу, то внизу ее будет видна ссылка на zip.

Сравнение с другим кодом.

Полагаю, что старик Kelvin был вдохновлен именно этим сайтом. Если познакомиться с ним, то станет очевидно, что делать это, не прибегая к jQuery, несколько более сложно. Не обращаясь jQuery, пользователь лишается тех преимуществ, которые дает программа Kelvin’а - т.е. долговременной памяти выбранного stylesheet.

Спонсор поста: stepmania

Популярность: 59%

Обратил внимание на этот пост.

В нём человечек рассказал, что сделал свой город PHP City.

Суть игрушки - создать свой город и хотя бы один раз в день заходить. Чем больше людей заходит, тем больше становится город.

Я создал свой город для этого сайта: flora.org.ru.myminicity.com

Добро пожаловать! =)

Популярность: 11%

На этой неделе начал внедрять на сайте свой план =). Наверное, Вы уже заметили небольшие изменения:
Зачистил блогролл. Теперь в нем будут блоги, которые не только я читаю, но, по-моему, которые нуждаются во внимании.
Сделал “программу передач”. В понедельник всегда будет материал о jQuery, во вторник новая фраза. Дальше - посмотрим =)

Ссылка с Блогуна - Новый сервис, который поможет найти работу. Внешне сделали красиво. Ребята замахнулись откусить рынок у двух серьезных сайтов, которые существуют уже давно. Пожелаю им успеха!
Было бы хорошо, если бы был правильный RSS поток с новыми вакансиями, а то у меня лиса заблокировала всплывающее окно =( В разделе “Статьи” нашел кое-что интересное почитать. Жалко, что поздно =) Стартап позиционирует себя как средство построения карьеры. Интересно что из этого выйдет.

Рекомендую посмотреть сайтик www.yankodesign.com - бывают интересные дизайнерские решения.

Пятница!

P.S. Сегодня самая длинная ночь. Теперь дни станут длинее! Меня это очень радует. =)

Популярность: 12%

Проблема:
После вылечивания компьютера от вирусов не может запуститься Internet Explorer, т.е. при запуске некоторое время висят часики, но программа не запускается.
Решение:
Берем файл iexplorer.ex_ с установочного диска windows. Переименовываем его в iexplorer.cab. Открываем, извлекаем файл и переписываем поверх старого сюда:

c:\windows\system32\dllcache\

Это действительно, если у Вас windows на диске C и в папке windows Если это не так, то, надеюсь, Вам не составит труда написать свой путь к windows и диск, на котором ОС находится =)

Популярность: 23%

Поступило предложение сделать красивые ссылки на Альтернативе. Поковырявшись в гугле нашел этот пост.
А в посте ссылочку на конструктор правил.

Благодаря блогу я получил +1 к экспириенсу по mod_rewrie =)

PS Похоже это сплог т.к. что-то там есть от Давыдова что-то от других…

Популярность: 13%

Расскажу немного о новом сайте “Энциклопедия манимейкера”. Сайт похоже станет энциклопедией или, как минимум, сборником полезных статей на все темы, связанные с заработком в интернет.
Сейчас на сайте немного документов, но в дальнейшем, надеюсь, появится гораздо больше.

Что мне приглянулось:
Что такое HYIP. Я раньше об этом слышал, но только здесь получил достаточно информации и пошел по ссылке дальше.

Раздел о партнерских программах. В частности Главмед, баннер которого можно увидеть почти на всех блогах.

StimulCash – тоже меня заинтересовало, т.к. думал о том, чтобы что-то подобное сделать.

NoRetype - поскольку много слышал, но еще не пользовался, то решил прочитать статью на эту тему.

В списке русских и зарубежных freelance бирж палят тему =) Я об этом и не думал. Надо присмотреться в фрилансерским биржам получше.

Но больше всего мне понравился раздел «Как это сделать?». Перечитал всё. Хочу еще! =) Хотелось бы, чтобы тему дорвеев и сателлитов раскрыли побольше. Надеюсь, автор сайта прочитает этот пост и поставит себе заметку где-нибудь.
А вот топик «Когда можно начать размещение рекламы на блоге» будет очень полезен начинающим блоггерам и их читателям. Помню, меня ругали в комментах, что толку от рекламы нет, и что не стоит её ставить на блог… =)

Было бы неплохо, чтобы на сайте расширили раздел для совсем чайников с расшифровкой секретных слов на подобие «Лид».

ИМХО: Мне сайт понравился. Несмотря на малое количество контента, идея свежая. Я подписался на RSS и буду следить за новыми статьями.
Итого: Очень рекомендую этот сайт тем, кто хочет начать зарабатывать на сайтах или своих блогах.

Популярность: 12%