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

Дизайны Apple будоражат умы миллионов. Статья содержит 30 дизайн концептов продуктов в стиле Apple. Позволю себе несколько вольный перевод статьи, скорее даже пересказ.

iPhones

IPhone Elite
Когда Apple запустила продажу iPhone, репортеры спросили у Стива Джобса: «Стив, че это у тебя за труба без клавиатуры?». Стив улыбнулся — только он знал о новом концепте iPhone Elite c механизмом Dual-Slider. Концепт Mat Brady.




Далее вас ждет траффик.

Сразу возникает вопрос, для чего это нужно. И сразу ответ: просто побаловаться. Но как 2 варианта использования:
1) Таскать сайт, который всегда с собой, чтобы кому-то показать.
2) Разработка ПО для самого iPhone в связке с PhoneGap. PhoneGap — это SDK для разработки приложений на JS с использованием акселерометра, GEO location и т.д. То есть вместо Objective C мы можем использовать JavaScript. И AJAX. И PHP/Python/Ruby.
Это будет необрезанный PHP, за единственным исключением: в виде СУБД тут может быть использован только sqlite(в том числе и через PDO).
Вот как это будет выглядеть в итоге:

И еще: вместе с PHP можно установить Python и Ruby. А тут уж и до Django недалеко(не знаю насчет ROR).
Приступим к установке.

Новые техники навигации и сбора информации в онлайне готовят революцию в Интернет-браузинге.

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

Однако, норвежский учёный по имени Фрод Хиглэнд предложил новый принцип навигации. Он изготовил бесплатное расширение для браузера, под название Hyperwords, которое превращает каждое отдельное слово или фразу в гиперссылку. Достаточно кликнуть на любое слово, цифру или фразу, как появится всплывающие меню с подразделами. Следующим кликом можно перевести текст на один из множества языков, конвертировать валюту или единицу измерения, а также вызвать подходящие картинки, видео, научные работы, карты, статьи в Википедии и веб-страницы, найденные с помощью Google.

Конечно же, любой пользователь уже сейчас может воспользоваться всей этой информацией, но ему для этого потребуется открывать отдельные окошки браузера. По словам Хиглэнда, Hyperwords предназначено для того, чтобы «снизить порог» удовлетворения любопытства, позволив с большей лёгкостью задавать вопросы. В этом году, он собирается выпустить новую версию, которая шагнёт за пределы интернет-браузера, и сможет превращать каждое из слов в любом окошке в кликабельное «гиперслово».

Когда я был маленьким, я ходил к папе на работу в отдел верстки и видел там странные мониторы, вытянутые по вертикали, похожие на экраны культового Xerox Alto.



Мне объясняли, что они называются one-page, потому что на них влезает одна страница газеты. С тех пор я пару раз задавался вопросом – а не удобнее ли такой монитор сейчас? В ворде, в интернете — везде же страницы остались вертикальными, списки вытянутыми…

Это точно не новость, но я только недавно набрался таки решимости для покупки яндексовского поиска для нашего сайта и… был весьма удивлен, обнаружив единственный вариант лицензии: «бесплатно» company.yandex.ru/technology/products/Yandex-Server/conditions.xml
Беглое исследование показало, что массово продукт еще не используется, на хабре этой информации так же не нашлось.
Установка и конфигурация «по-быстрому», в общем, проблемы не составила; локальный Яндекс довольно шустро проиндексировал более 300 тысяч документов (в индексе «Большого» Я их не более 100 тысяч) и забрав тпримерно 2,6 gb под индекс.
Я доволен; качество поиска — вполне, xml отдается без проблем.
Ищем только по html, txt — невелика беда.

Уже не один раз меня просили рассказать, как можно записывать парные (или даже еще с большим количеством людей) подкасты, которые проходят в Skype. Это на самом деле хороший вопрос, потому как вариантов есть несколько, у всех свои плюсы и минусы… К тому же подкасты-беседы чаще всего интереснее и живее, а скайп или другая voip-телефония зачастую оказывается единственным вариантом связи.

Вариантов для записи skype-бесед два. Будем рассматривать их по отдельности.

function get_username_html_color($username )
{
   return '#' . substr( md5($username ), 0, 6 );
}

Я, например, вот такой subz. Первые попавшиеся под руку %username%: rost, anvar, navosha.
Пытливым умам посчитать хватит ли краски для всех хабраюзеров.

Спасибо Dreadatour за реализацию dreadatour.ru/username
Спасибо salvator за реализацию ssalvator.googlepages.com/colorizer.html

Коллекция ссылок больших порталов и поисковиков, для выбора всевозможных Иконок(Icons) разного типа. Практически на всех есть широкий выбор размеров.

В этой коллекции я уверен что вы найдете что вам нужно ;)

Ну интересное так точно!!!

1. http://www.iconspedia.com

Рассказ о том, как за 25 дней я получил сообщество с посещаемостью 2000 человек в сутки, потратив на это 69 долларов.

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

День первый
Я сразу решил, что сообщество будет находиться на платформе liveinternet.ru. Во-первых, там обитает немало эмо-кидов, во-вторых, я хорошо знаю механизмы работы сервиса, в-третьих, есть возможность прикрепить домен второго уровня.
Домен второго уровня мне был необходим, так как я с самого начала наметил привлекать значительную часть траффика с поисковых систем. Для этих целей name.ru подходит в большей степени, нежели liveinternet.ru/users/name.
Как всегда все хорошие домены были заняты киберсквоттерами. Пересмотрев несколько вариантов, я остановил выбор на www.emo-emo.ru
После регистрации домена было создано сообщество на ЛиРу. Имя emo-emo было занято (не говоря уже про просто эмо или emo). Не став перебирать далее, зарегистрировался как emoemo. Чуть позже осознал, что имя не очень удачное, поскольку домен через тире, название сообщества Эмо-Эмо лучше звучит, а во внутренних ссылках и рейтингах LiveInternet будет отображаться emoemo. Возможна путаница.
Далее составляем семантическое ядро блога, пользуясь wordstat.yandex.ru и открытой статистикой счетчиков сайтов по схожей тематике.
Затраты: 19 долларов на домен.

Если к вам уже приходили с вопросом «Где можно получить свежую сборку?», то вы прекрасно понимаете, зачем нужна автоматизация сборки и распространения. Никто не хочет тратить лишнее время на рутинную работу. Раньше мы пользовались утилитой под названием iOSBetaBuilder (http://www.hanchorllc.com/betabuilder-for-ios/). Это приложение предназначено для упрощения распространения AdHoc сборок iOS-приложения: нужно только ввести название и версию проекта, адрес (URL), где хочется выложить сборку, и получаются сгенерированные index.html и manifest.plist. На первое время этого достаточно.

Но когда проект достигает стадии багфиксинга, тратить лишние 5 минут на сборку и перепубликацию для QA – неохота и некогда. А когда проектов становится много, а их сборки становятся дольше… В рамках компании затраты времени помноженные на количество проектов становятся слишком существенными, и приходит время автоматизации.

В этой статье мы расскажем как настроить автоматическую сборку iOS приложений, рассылку уведомлений по почте и публикацию приложения на FTP-сервере для тестирования и демонстрации заказчику.

Для тех, кто уже в теме, есть интересный раздел в конце статьи: как настроить сборки с различными версиями Xcode на одной машине.

Я хотел бы Вам рассказать про вывод текста на экран в iOS. Вначале это задумывалось как туториал, затем как сбор неочевидных фактов, а получилось что получилось.

Способы вывода текста условно можно разделить на несколько категорий:

• UIKit — привычные UI контролы. Дают только базовые возможности по отображению, совсем мало возможностей по форматированию
• UIKit + NSAttributedString — привычные UI контролы с возможностью установки строки с атрибутами отображения. Куча возможностей по форматированию
• CoreText — фреймворк для работы с текстом и текстовыми представлениями. В связке с NSAttributedString дает массу возможностей по форматированию текста и, благодаря нескольким уровням абстракций над элементами текста, расширенные методы по их отображению
• CoreGraphics — с помощью него тоже можно отрисовывать текст

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

Суть метода сводится к использованию псевдокласса nth-of-type: количество и ширина колонок меняется на экранах разных размеров (Демонстрация).

Недостатки использования классов для первого и последнего элементов

Применять классы .first и .last для колонок в каждой строке для корректного отображения очень утомительно, к тому же возникают проблемы при верстке адаптивно:

Доброго времени суток уважаемые хабраюзеры. На сегодняшний день Parallax Scrolling является неким трендом и я хочу рассказать о простой реализации данного эффекта. Техника основана на скорости изменения свойства background-position. Эффект Parallax Scrolling заключается в том, что фон движется медленнее чем содержимое

HTML разметка

Создаем два блока с атрибутами "data-type" и "data-speed":

<section id="home" data-type="background" data-speed="10" class="pages">
         <article>Простая техника Parallax Scrolling</article>
</section>
<section id="about" data-type="background" data-speed="10" class="pages">
         <article>Простая техника Parallax Scrolling</article>
</section>

Для управления значениями скорости и позиции в JavaScript, data-type используются как ключевые атрибуты при передачи необходимых параметров.

Привет, друзья!

Если вы создаете приложения для гаджетов от Apple, то наверняка в курсе, что недавно произошло обновление iOS до версии 6.
Наравне с другими новыми функциями Apple внесла изменения в механизм autorotation.
На всякий случай напомню, что autorotation — это механизм, позволяющий использовать устройство как в портретной (вытянутой в высоту), так в альбомной (растянутой в ширину) ориентации, а также изменять эту ориентацию при повороте устройства.

Если в вашем приложении контент отображается в обеих ориентациях (а особенно если на некоторых экранах вам нужно запретить поворот) — готов поспорить, что у вас уже возникли некоторые вопросы.
Если же вы не используете функцию изменения ориентации экрана — разницы могли и не заметить. Однако знание того, как в iOS6 работает autorotation, в любом случае будет полезно и пригодится в будущем.

Одним из крутейший новшеств в php 5.4 является встроенный сервер, созданный специально для разработки и тестирования. Теперь вы можете писать и тестировать свой код не имея полноценного веб-сервера — просто запустите встроенный сервер, протестируйте свой код, и выключите его, когда закончите.
Сервер, так же, предоставляет возможность и для творческого использования. Например, вы можете распространять портативное web-приложение на CD или USB, или даже как десктопное приложение, созданное на PHP без использования GTK или других графических библиотек.

Компания Google только-только опубликовала интересные результаты исследований, цель которых была выяснить, как и где владельцы планшетных ПК используют свои устройства. Собственно, и без всяких исследований можно предположить, как используются планшеты, но корпорация очень серьезно подошла к своему исследованию. Правда, выборка пользователей небольшая — всего 33 человека из США. Тем не менее, результаты интересны.

Обычные тени легко реализовать с помощью box-shadow или text-shadow. Но как быть, если необходимо сделать внутренние тени? В этой статье описывается, как сделать такие тени с помощью всего нескольких строчек кода.

Наткнулся на очень простой в реализации, но интересный rollover-эффект для кнопок на CSS. Автор — некий японец ksk1015.



Демонстрация эффекта и процесс написания.

На Хабре в свое время было несколько статей «Очень много полезных штук для AS3». Автор попытался собрать ссылки на самые полезные и интересные библиотеки. И т.к. в последнее время я разрабатываю под iOS, решил последовать его примеру и сделать то же самое, но для своей платформы. Описания почти прикладывать не буду, все есть на страничках проектов.