Меломаны всегда говорили, что у виниловых записей качество звука выше, по сравнению с компакт-дисками или MP3, но их лояльность казалась не более чем ностальгией на фоне 25-летнего доминирования цифровой записи в музыкальной индустрии. Однако, в последние годы, онлайн-продажи LP (сокращение от Long Play records — долгоиграющих пластинок) более чем удвоились, благодаря новым покупателям, желающим больше, чем им дает онлайн-покупка mp3-треков за 99 центов.

Этот материал продолжает серию ежемесячных обзоров свежих статей по теме интерфейсов, новых инструментов и коллекций паттернов, интересных кейсов и исторических рассказов. Предыдущие материалы: апрель, май-июнь.

Однажды я зашел на rememberthemilk.com и понял, что хочу такое же контекстное autocomplete меню в свой проект. В результате получился небольшой jquery плагин, который хочу презентовать в этом посте. Работает в ie6+, opera, safari, firefox, chrome (тестировал в последних версиях). В кратце расскажу в чем суть «контекстного» меню в RTM-стиле.

Это меню присоединяется к input-элементу, но, в отличие от обычных autocomplete меню, оно «всплывает» не для ввода всего значения элемента, а для какой-то логической части поля ввода. При этом меню позиционируется непосредственно под автодополняемым текстом. Вот как это выглядит:



Лицензия проекта — MIT / beerware.
Скачать библиотеку с примерами можно тут: js-context-autocomplete.googlecode.com/files/js-autocomplete-v5.tar
Последнюю ревизию забираем тут: svn checkout js-context-autocomplete.googlecode.com/svn/trunk js-context-autocomplete-read-only
Кому интересно поучаствовать в проекте — пишите в личку.
Временное online-demo (upd)

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

Глядя на этот пост, решил сделать по образу и подобию для УкрНета.
Сразу хочу отметить специфику украинского файлообмена в связи с наличием UA-IX многие провайдеры разделяют скорость, так как правило в основном скорость в UA-IX = 100Mb/s. при том что скорость остального интернет доступа от <1 до 10 Mb/s.

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

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

Чарты работают со всеми популярными браузерами, включая Safari на iPhone.
Минимальная версия для IE составляет 6+. Также браузеры поддерживающие Canvas элемент, и в некоторых случаях SVG для графического рендеринга.

В окрестностях нашего офиса нет приличного общепита, поэтому обеды нам привозят на заказ из одного кафэ. Заказ осуществляется за день (на понедельник заказ делается с пятницы), по телефону, с перечислением всех блюд и их количества (в случае если заказ не изменился относительно вчерашнего достаточно просто сказать это). Как компания, занимающаяся разработкой ПО, преимущественно веб, мы до недавнего времени жили по принципу «Сапожник без сапог», и весь учет заказов велся ответсвенным за заказ еды человеком на листочке, в случае изменения заказа нужно было писать письмо этому ответственному человеку, а он уже пересчитывал общий заказ.

Выкроив немного свободного времени в перерыве между проектами реализовал (именно реализовал, а не написал — почему именно так, расскажу немного ниже) систему для заказа еды. За основу, как нетрудно догадаться исходя из тематики блога, была взята CMS Drupal, которая является моим основным инструментом уже около полутора лет.

Цели данного топика:

• Показать новичкам на довольно простом примере, как создается сайт невысокой сложности на CMS Drupal
• Кратко расказать про несколько основных модулей — как правило они применяются в 90% проектов на друпале
• Показать как можно собрать сайт на друпале из готовых компонентов, не написав при этом ни одной строчки кода (на самом деле будет пара строк кода, но немного не в том виде, как он обычно пишется =))

Итак, что должно быть реализовано в проекте:

• Меню — список блюд, разделенных на категории, с возможностью описания блюд
• Индивидуальные заказы — пользователь может сделать и заказ, просмотреть его содержимое и изменить
• Сводный заказ — список всех заказаных пользователями блюд с указанием их количества
• Возможность делиться впечатлениями о блюдах — тут просто возможность комментирования и рейтингования

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

Доброго времени суток, хабралюди! Сегодня я хочу представить вашему вниманию 30 комплектов иконок. Несмотря на то, что все иконки выполнены на очень высоком уровне, распространяются они абсолютно бесплатно. Превью для каждого пака внутри.

Preloaders.net — новый сервис для генерации прелоадеров, для загрузки данных при помощи ajax.

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

Вы можете выбирать прелоадеры из различныз категорий, менять цвет, скорость анимации и размеры. Но самое главное все это делается очень просто.

Данная статья — первая из цикла на тему укрощения CSS. Сегодня мы рассмотрим технологию CSS Reset.

Зачем это нужно?

Каждый браузер устанавливает свои значения стилей по умолчанию для различных HTML-элементов. С помощью CSS Reset мы можем нивелировать эту разницу для обеспечения кроссбраузерности стилей.

Например, вы используете элемент a в вашем документе. Большинство браузеров, как Internet Explorer и Firefox, добавляют ссылке синий цвет и подчёркивание. Однако представьте, что через пять лет кто-то решил создать новый браузер (назовём его UltraBrowser). Разработчикам браузера не нравился синий цвет и раздражало подчёркивание, поэтому они решили выделять ссылки красным цветом и полужирным шрифтом. Именно исходя из этого, если вы установите базовое значение стилей для элемента a, то он гарантированно будет таким, каким вы хотите его видеть, а не как предпочитают его отображать разработчики UltraBrowser.

Продолжаю публикацию перевода цикла статей о создании «Чистого CSS-шаблона для Joomla 1.5». Правда, если честно, после размещения предыдущих двух частей возникли некоторые сомнения в востребованности этого материала (сужу по полученным оценкам), но все же не хочется бросать начатое дело, ведь кому-то все равно это может пригодиться.

Предыдущие статьи:
Создаем шаблон Joomlа по стандартам — часть 1
Создаем шаблон Joomlа по стандартам — часть 1 (продолжение)
Создание чистого CSS-шаблона для Joomla 1.5 — часть 2.1
Создание чистого CSS-шаблона для Joomla 1.5 — часть 2.2

Меню в шаблонах

Мы знаем, что существует множество опций, которые определяют способ отображения меню.

Сегодня один клиент пожаловался, что никак не может на своем сайте, разработанном на Joomla, вставить самый обычный специальный символ Δ, который прописывается с помощью HTML-entity:

Δ

И действительно, оказалось, что этот символ не сохраняется в тексте, не зависимо от того, добавляете ли вы его с помощью кнопки «Insert Custom Character», или просто вставляете, переключившись в режим HTML. В итоге, символ просто заменяется на вопросик (кодировка сайта, при этом, UTF8).

Подозреваю, что аналогичная проблема и со многими другими специальными HTML-символами.

Для Joomla я нашел только один выход (этот совет приведен здесь: www.compassdesigns.net/joomla-blog/Editing-HTML-in-a-Joomla-Module-or-Article.html): при необходимости пользоваться такими символами, нужно создать отдельного пользователя и в качестве редактора прописать ему «No Editor». В этом случае все спец. символы сохраняются нормально. Очевидно, что это не очень «красивый» выход, все-таки нужно перелогиниваться и обладать некоторыми навыками HTML-кодирования, к тому же необходимо все время помнить, какие материалы можно редактировать в WYSIWYG-редакторе, а какие нельзя.

Может быть, кто-нибудь знает альтернативные решения? Или посоветует более надежный/удобный визуальный редактор для Joomla (и, возможно, других CMS)?

UPDATE: Проблема была в версии Joomla (у клиента стоит еще Joomla 1.5.2). По крайней мере, на последней (1.5.7) все работает правильно.

Это продолжение статьи. Начало здесь.

Продолжаю перевод цикла статей из блога Compass Designs о создании шаблона для Joomla 1.5, выполненного по современным веб-стандартам. Это вторая часть цикла. Первую часть можно прочитать здесь:
Создаем шаблон Joomlа по стандартам — часть 1
Создаем шаблон Joomlа по стандартам — часть 1 (продолжение)

Весной 2008 года в блоге Compass Designs был опубликован неплохой цикл статей о создании «чистого» шаблона для Joomla 1.5 (под «чистым» в данном случае понимается шаблон, сверстанный по современным стандартам, т.е. без использования таблиц и с грамотным применением каскадных таблиц стилей). Первые две части цикла содержат в основном общие объяснения терминологии, советы по организации разработки на локальном хосте и т.д., поэтому я решил опубликовать переводы только основных 4-х статей, которые собственно и содержат небольшое руководство по созданию шаблона. Итак, сегодня первая часть, содержащая основные сведения о построении шаблонов Joomla.

Моя статья на Временно.нет

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

Здесь представлен обзор 38 статей, разбитых на 4 категории по способам реализации.

Вместо того, чтобы тратить впустую время, обыскивая сеть, в поисках хороших уроков по Photoshop, придерживайтесь этого списка.

PS Hero — перейти


PSD tuts — перейти


Tutorial 9 — перейти

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