Joomla! 1.5 внесла качественно отличается от Joomla! 1.0 и это факт. Но, к сожалению, в новой версии остались некоторые рудиментарные явления, которые стоит усовершенствовать. Например, модель для вывода блоков с закругленными углами.

По умолчанию, если вы выберите для своего модуля позицию “rounded” то Joomla! автоматически сгенерирует вам следующую модель:

<div class="module">
 <div>
  <div>
   <div>
     Content
   </div>
  </div>
</div>
</div>

Но данная модель, хотя и является наиболее простым и распространенным способом создания блоков с закругленными краями, не является оптимальным решением. Поэтому, я решил немного усовершенствовать модель для вывода скроенных углов в Joomla!

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

Гениальное и простое решение предложил Matthew James Taylor в своей статье. Данное решение основано на чистом CSS без хаков, без применения картинок и Java-Script. В своей статье Мэтью сначала описывает саму проблему создания колонок с равной высотой, а потом предлагает само решение проблемы.

Проблема

Я не буду описывать полностью всю проблему создания блоков (div) одинаковой высоты в независимости от контента, думаю, что иллюстрация все прекрасно поясняет. Скажу лишь что основная проблема в том, что высота блока зависит от  контента в нем. К сожалению к div мы не можем применить heigh:100%;, либо фиксированная высота в пикселях, что очень нежелательно, либо зависимость от контента. В общем, на этом ограничим пояснение сути проблемы и перейдем к решению.
Читать полностью…

Как я уже писал в посте “Специальный хак для Google Chrome“, Google Chrome - основан на движке WebKit и фактически очень похож по восприятию CSS на Safari. Но если под MAC обработка селекторов для Chrome и Safari идентична, то для PС она несколько различается, Chrome здесь превосходит Safari и другие браузеры в обработке селекторов CSS 2.1, и особенно CSS 3.
Ниже приведён список селекторов (включая CSS3) и показана поддержка их браузером Chrome и другими навигаторами.

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

Сегодня Dynamic Drive выложили прикольный вариант выпадающего меню с использование эффектов jQuery. Это многоуровневое меню, которое оформлено в виде многоуровневого HTML-списка и преобразованное в полноценное выпадающее меню с использованием чистого CSS и с применением эффектов jQuery. Весьма полезной “фичей” здесь является то, что выпадающее меню автоматически меняет место расположения если находится слишком близко к неактивной области рабочего окна.

Посмотреть как это работает можно здесь

Меню требует вот эти внешние файлы:

• jqueryslidemenu.css
• jqueryslidemenu.js (в этом файле вам стоит проверить и при необходимости переписать изображения к картинкам представленным ниже )
• 

Еще один файл, который в оригинальном примере был взят из удаленного источника http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js, я вставил в архив с примером, но при желании вы можете использовать указанный выше путь. Лично мне очень понравился данный вариант реализации меню, тем более, что его достаточно легко интегрировать в нужную CMS.

Всем кому понравилась демка можно скачать архив с вложенным jquery.min.js, тоесть уже готовым локальным решением.

Загрузить

Оригинал решения: jQuery Multi Level CSS Menu #2

Постовой:

Все нам полезно будет знать, что Максим.ру - это не блог певицы, это намного круче…

Для фрилансера кресло - это неотъемлемая важная часть рабочего места - кресло-мешок может попробовать поэкспериментировать?

Очень короткий пост. Просто, работая над очередным проектом, нужно было прификсить .png24 в IE6 но с применением позиционирования. В IE PNG Fix v1.0, как вы помните, нельзя было применять позиционирование для фона в .png24. Но, версия 2.0 позволяет нам применять как позиционирование, так и свойство repeat к фоновому полупрозрачному изображению.

Ну и собственно новость в том, что проект уже находиться в стадии IE PNG Fix 2.0 Alpha 3 и, наверное, скоро релиз. Лично я проверял последнюю версию в довольно сложной ситуации, когда к профиксенному блоку применялся еще и эффект от Mootools. В целом, результат почти идеальный. В моей ситуации немного испортил эффект известный баг с padding, но в принципе, картина приемлема и на 97% соответствует желаемому. Думаю, что это все же лучше, нежели видеть неприятный серый фон на месте прозрачности.

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