Здравствуйте, хабра-товарищи!

Я часто встречаю сообщения о том, что в Друпальных темах вечно мешаются лишние друпальные css инклуды (файлы вроде system.css, defaults.css, node.css), которые воздействуют на уже заготовленные стили и мешают спокойно жить верстальщикам.

Собственно о том, как грамотно от этих инклудов избавиться я сейчас и расскажу (решение не подойдет для тех, кто по какой-то причине предпочитает видеть админку в теме сайта — даже не приступайте к этим действиям!!!).

Часть 1. 1—20

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

(Если обзор придется вам по вкусу, переведу вторую часть)

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

В результате получается скучный список ссылок.

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

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

Пожалуй самым популярным типам навигации является — горизонтальное меню. Сегодня большинство сайтов используют данный тип навигации он значительно упрощает просмотр страниц. Но как быть если меню больше разрешения браузера?

Про NextGen плагин писали много. Но я хочу немножко из своего опыта поделиться тем, о чем (по крайней мере я не видел) не писали.

Те, кто возятся с водпрессом, думаю, это плагин знают, и основные его возможности я расписывать не хочу. А хочу я расписать виды флэш плееров для просмотра фотографий в галереях NextGen.

Погнали

После установки самого плагина, можно использовать встроенный в него слайдшоу и просмотр с помощью PicLens плеера.

Не нашел подобную статью на хабре, а тут как раз пришлось столкнуться с данной проблемкой.

Рассмотрим два решения этой проблемы, на разных фреймворках — jQuery (jScrollPane) и MooTools (MooTools ScrollContro).

 
На днях пришлось решать очень интересную и актуальную задачу по конвертированию проекта из Adobe Illustrator в CorelDraw. Под катом небольшое руководство о том как этого я этого добился. Надеюсь эти небольшие приемы помогут кому-нибудь из хабра-сообщества.

Создавая тему для блога возникла проблема при маленьком объеме странице основная часть сжималась до минимума и footer прижимался к ней, что не есть хорошо и не красиво. Решил сделать основную часть с коннектом на всю высоту страницы. Есть конечно много способов как это сделать с использованием JavaScript'a и без него, а так же с помощью CSS. Я выбрал чистый CSS.

Drupal очень гибок, именно поэтому он нравиться мне. Любую проблему можно решить несколькими путями.

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

В качестве редактора я выбрал FCKeditor, в качестве загрузчика картинок и браузера файлов IMCE.

Теперь о самой проблеме.

Представим, что вы загрузили картинку на сервер, создали её thumbnail и теперь хотите вставить этот thumbnail в ваш пост. Thumbnail при клике на него должен открывать картинку в оригинальном размере, используя для этого модуль Lightbox2.

Делать вручную — неудобно и долго.
На страницах drupal.ru я нашел решение. Решение заключалось в правке FCKeditor. Так что при каждом обновлении пришлось бы заново править все эти файлы.
Поэтому я решил написать свой велосипед, маленький и не очень гибкий. Но подходящий для моего сайта.

Как Вы, вероятно, уже знаете не так давно произошло обновление Google Analytics. Данное обновление было освещено и здесь, на хабре, — Грандиозное обновление Google Analytics

В частности изменения коснулись:

• Увеличено количество целей до 20 (4 набора по 5 целей в каждом)
• Появились цели новых типов (время проведенное на сайте и кол-во просмотренных страниц)
• Веб-аналитика мобильных сайтов. Статистика с приложений на платформах Android и IPhone также как для веб-сайтав
• Адаптация кода Analytics под выбранную платформу
• Появление Pivot таблиц в отчетах — то чего очень не хватало многим, и из-за чего приходилось использовать Excel
• Фильтрация данных в отчетах на лету
• Добавлена новая метрика — уникальные посетители
• Расширена возможность работы с событиями
• Полностью изменены принципы работы с пользовательскими переменными

На последнем я бы и хотел остановить свое внимание.

В этом топике я хочу поделиться своим опытом установки кастомной прошивки на уже официально обновленный через FOTA до Android 2.1 HTC Hero.

Небольшая предыстория

Пару месяцев назад, устав ждать официальное обновление с Android 2.1 для моего HTC Hero с украинской локалью, который был куплен в Минске у оператора Velcom, я попытался выяснить, как поставить альтернативную прошивку? Однако, обилие слабо структурированного материала, несколько неудачных попыток, а так же противоречивые отзывы об опыте использования перепрошитых телефонов, отбили у меня желание глубже разбираться в этом вопросе.

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

В итоге я был счастливым обладателем HTC Hero с Android 2.1 на борту в течение 2-х месяцев, а теперь являюсь не менее счастливым обладателем того же телефона, с такой же прошивкой (на 99%) и root'ом!

Многие засматриваются в сторону телефона на OS Android.
И, среди доступных вариантов, именно HTC Hero для многих является заветной мечтой.
К превеликому сожалению, Google почему-то не любит украинских граждан и не разрешает официально продавать в Украине телефоны с Android Market — даже с его бесплатной версией…
И кроме того на сером рынке доступно много телефонов из других стран, в которых нет русского или также отсутствует market.
Но, прелесть OS Android в её открытости… Так что под катом постараюсь рассказать, как можно перепрошить телефон полноценной прошивкой с полноценным Android Market, русификацией и возможностью покупки платных программ.
Данный мануал особо актуален для официальных украинских HTC Hero, но подойдет для владельцев любых Hero, которые хотят сменить прошивку своего телефона или открыть доступ к дополнительным фукциям своего телефона.

Begin

На хабре наверно уже миллион статей про колонки одинаковой высоты. Вы спросите зачем нам нужна еще одна статья в 1001й раз?

Вот в чем затык

Проблема в том, что колонки одинаковой высоты с нижней границей — не так то просто сделать… В основном, я использую метод с padding-ами, т.е. ставим:

.column {
  padding-bottom: 32750px;
  margin-bottom: -32750px;
}

* This source code was highlighted with Source Code Highlighter.

для колонок, которые должны быть одинаковой высоты,
и помещаем эти колонки во враппер с overflow: hidden.

НО! При этом нельзя задать нижнюю границу для колонок!

Решение

Все очень просто, надо обернуть враппер еще раз и внешнему указать

#container {
  background:transparent url(images/example-6.gif) no-repeat scroll center bottom;
  float:left;
  padding-bottom:1px;
}

* This source code was highlighted with Source Code Highlighter.

Мы просто указали фоновую картинку для внешнего враппера, на которой изображены границы :). Мне в текущем проекте очень помогло. Если есть еще варианты без js буду рад узнать их. Ну я думаю вам станет понятней, если посмотреть на пример: www.ejeliot.com/samples/equal-height-columns/example-6.html

Материал нашел здесь: www.ejeliot.com/blog/61

Как-то незаметно на Хабре прошло появление в свет интересной, на мой взгляд, библиотеки.

О библиотеке qJerry

qJerry — это библиотека для работы с XML-документами, написанная на языке PHP. Основная миссия qJerry — сделать работу с XML комфортнее, чем позволяют стандартные средства PHP, такие как расширение DOM.

Создавая контент, мы всегда стараемся использовать более подходящий шрифт и стили для оформления. Мы живем в 21 веке и обилие этих самых стилей и шрифтов заставляет нас задуматься — «А нет ли удобных онлайн инструментов которые облегчат нам жизнь?». Конечно же есть и их много! Вот о некоторых из них здесь и пойдет речь.

В личной практике задача разбирать XML средствами PHP возникла еще в 2005. Однако, при попытке разобраться и написать несложный скрипт, загружающий XML-файл в массив, я наткнулся на довольно серьёзную проблему – не существует нормальных программных средств и бинарных библиотек PHP для работы с XML. По мере работы с XML средствами PHP и эволюции PHP применялись различные технологии разбора XML кода, о них далее и пойдет речь.

Сперва приведу сводную таблицу совместимости средств PHP и библиотек XML.



Самым совместимым оказался SAX (Simple API for XML), он поддерживается даже в библиотеке EXPAT имеющейся во всех версиях PHP 4 и выше. Однако его возможности и способы применения вызвали резко негативную реакцию – нет возможности модификации XML, крайне громоздкий и сложный код с большим количеством мест для потенциальных ошибок.

Недавно передо мной встала задача — реализовать в админке одного проекта контекстное меню по правому клику мыши. Для решения этой задачи нашел плагин для jQuery — contextMenu, демонстрация. Посмотрел пример, скачал, прикрутил и начал проверять. IE — нормально, FF — нормально, Safari — нормально, Opera — не работает!

Очень часто стоит задача выровнять блок по центру страницы / экрана, да ещё и так, чтобы без ява-скрипта, без задания жёстких размеров или отрицательных отступов, ещё чтобы и скроллбары работали у родителя, если блок превышает его размеры. В сети ходят достаточно много однообразных примеров как выровнять блок по центру экрана. Как правило большинство из них основаны на одних принципах.

В давние времена разработки мобильных сайтов и приложений отладка была сложной задачей. Да, можно было заполучить устройство и быстренько проверить работу – но что было делать, если ты обнаруживал баг?

При отсутствии инструментов отладки приходилось полагаться на разные хаки. В целом они сводились к попыткам воспроизвести баг в десктопном браузере и затем отловить его при помощи Chrome Developer Tools или где-то ещё. К примеру, можно было уменьшить размер окна браузера или поменять user agent.

Грубо говоря, эти хаки не работали. Если ты правишь баг на десктопе, ты не уверен, что он исправлен на мобильном устройстве (МУ). Поэтому приходилось постоянно метаться между устройством и десктопом.

Теперь же у нас есть набор инструментов, позволяющих получать осмысленные данные прямо с МУ. Кроме того, можно использовать десктопные инструменты для отладки прямо на МУ.

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

Бэкапы MySQL бывают 2 основных разновидностей это:

Логический бэкап

Создается текстовый дамп из SQL-запросов, как в mysqldump или Sypex Dumper.

Физический бэкап

Делаются точные копии файлов таблиц, типичный представитель mysqlhotcopy.

В процессе работы над новой версией Sypex Dumper и Sypex Backuper, пришел к еще одному интересному варианту горячего бэкапа MySQL. Который представляет собой, что-то среднее между двумя этими вариантами.

Но для начала рассмотрим основные достоинства и недостатки. Кто вместо теории хочет сразу перейти к практике — внизу поста найдете ссылку на тестовый скрипт.