Твит

Доброго времени суток! Хочу вам представить небольшой плагин, который написан самостоятельно. Плагин решает простую казалось бы задачу — вывод виджета «Свежие записи» в сайдбаре. Кроме самих записей, плагин умеет выводить миниатюру к записи и дату поста. Если миниатюра отсутствует, то выводиться картинка-заглушка. Заглушку вы можете поменять на свое усмотрение — это обычный файл в формате png. Миниатюра выводиться в строго фиксированном размере — 60 на 60 пикселей.

Твит

Сегодня на сайте RusDigi еще одна практическая статья из раздела CSS3. Статья представляет из себя свободный перевод англоязычной статьи. В статье мы научимся создавать вертикальное раздвигающееся меню. Такое меню позволит разместить массу ссылок в небольшом пространстве, а приятная анимация при развертывании украсит ваш сайт. Если вы новичок, то у вас все равно должно все получиться, т.к. мануал достаточно подробный и вы сможете узнать для себя что-то новое из CSS. Для подкрепления знаний по CSS3 вы можете обратиться к циклу статей CSS3 для начинающих.

Твит

Вот и настала пора предновогодних сейлов и распродаж. Крупнейшие интернет ресурсы тоже не остаются в стороне. Сегодня стало известно о том, что компании Яндекс решила сделать вебвизор общедоступным. А это значит, что теперь не надо иметь определенный месячный бюджет в Директе, теперь вы можете использовать вебвизор для любого своего сайта. Что это за инструмент и чем он полезен читайте под катом.

Подарки от Яндекс: вебвизор каждому сайту Подарки от Яндекс: вебвизор каждому сайту

Твит

Сегодня решил сделать обзор jQuery слайдера, который я частенько использую в работе. Слайдер приглянулся тем, что очень прост в установке и кастомизации. Текущая версия плагина на данный момент 1.7. Автор постоянно улучшает слайдер и он абсолютно бесплатен. Давайте разберемся как установить и настроить слайдер на своем сайте. Как я и говорил в начале статьи установить слайдер на сайт довольно-таки просто. HTML-разметка будет выглядеть вполне стандартно — список и внутри него ссылки и изображения

Твит

Новые свойства CSS3 позволяют делать очень много всего интересного. Сегодня мы рассмотрим несколько примеров, в котором создадим 10 разных эффектов при наведении курсора мыши на изображение. Мы будем показывать поверх изображения описание. Следует учесть, что данный эффект будет работать только в современных браузерах, которые поддерживают нововведения CSS3.

Эффекты при наведении для изображений с использованием CSS3

Твит

Сегодня мы будем разбираться с псевдо-селекторами, а заодно создадим довольно интересное слайд меню. Для начала мы создадим меню используя техники CSS3. Потом мы реализуем то же самое без использования псевдо-селекторов, дабы пример был кроссбраузерным. И в самом конце мы заменим все новые штучки из CSS3 на старый добрый jQuery. Одна из основных целей этой статьи показать реальный пример использования псевдо-селекторов.

Твит

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

Твит

Scrolling Parallax это jQuery плагин, который добавляет эффект параллакса при прокрутке страницы с помощью скролбара или колеса мыши. Это позволяет фону страницы прокручиваться с другой скоростью нежели остальной контент страницы. Эффект параллакса позволяет с легкостью создавать иллюзию глубины вашего сайта. Самый простой вариант использования плагина это просто указать плагину путь до изображения. Плагин возьмет данное изображение и растянет его на всю ширину страницы и на 150% высоты страницы. Дополнительные 50% послужат для плавной прокрутки фона вместе с основным контентом. У плагина масса опций, которые позволяют скролить быстрее, медленнее, зацикливать скрол и т.д.

Твит

Как и обещал вчера, сегодня мы продолжаем разбираться в терминологии Drupal. В статье Drupal 7. Основные понятия. Часть 1 мы узнали о том, что за зверь такой Drupal, о технологиях, которые использует Drupal для работы, о функциях ядра и административной панели. Сегодня мы немного углубимся и разберем такие понятия как: модули, хуки, темы, ноды, поля и блоки. Информации будет чуть больше чем вчера, но она будет более интересной.

Твит

Всем доброго времени суток. Как-то я уже писал об установке и русификации Drupal 7. Сегодня хотелось бы вернуться немножко назад и разобрать основные понятия применяемые в этой системе управления веб-сайтом. Если в WordPress все достаточно просто и наглядно, то Drupal изначально обладает немного сложной для понимания схемой работы. Именно в этом мы и разберемся. Начнем сегодня с самого простого. Разберемся что такое Drupal, какие технологии Drupal использует, что такое ядро и из чего оно состоит.

Твит

Типографика – это то, с чем любят играться многие дизайнеры и веб-разработчики. С появлением свойства text-shadow в CSS3 с его помощью стали заменять эффект наложения тени в Photoshop. При чем тень в Photoshop использовалась по большей части для выделения определенного текста из общей массы. Свойство text-shadow позволяет нам делать более интересные вещи с текстом, а именно создавать определенные эффекты. Сегодня мы добавим к этой коллекции еще несколько готовых эффектов, которые вы можете легко внедрить в свои проекты.