Получать рассылку по электронной почте

Введите свой email-адрес:

Delivered by FeedBurner

Навигация
Информация для веб-мастеров: секреты верстки, полезные инструменты и online сервисы, установка и настройка сайтов на популярных движках DLE, Wordpress.
С Новым годом и Рождеством!
07-01-2017г. | Блогеры | Нет комментариев

Здравствуйте посетители моего блога и все, кто случайно заглянул сюда на огонек!

Поздравляю вас с праздниками, пусть в Новом году сбудутся все мечты!

шрифтовые иконки

В последнее время наметилась тенденция применения в качестве иконок шрифтов, как например, в очень известном css-фреймворке Bootstrap. Это дает возможность в полной мере использовать все преимущества векторных изображений.
Без особого труда внедрить шрифтовые иконки вам помогут существующие сейчас онлайн-сервисы, которые и будут рассмотрены в данной статье.
Думаю, что пришла пора обсудить все плюсы и минусы этой методики в моем блоге, стоит ли игра свеч и как вывести шрифтовые иконки на своем сайте.

Как известно Joomla очень многое генерирует самостоятельно. Для вывода информации используются стандартные дефолтные шаблоны, именно они определяют структуру, какие теги будут выводиться и в какой последовательности. Конечно, это неудобно, и нужно добиться, чтобы информация выводилась именно так как нужно нам.
Чтобы заставить Джумлу подчиняться нашим требованиям, придумали переопределения стандартных файлов макетов модулей или компонентов ( в том числе контента – вывода отдельных материалов, блога категории, списков и т.д.), которые нужно поместить в папку нашего шаблона.
Но это еще не все, представим ситуацию, когда у нас на сайте выводятся новости в виде блога на разных страницах сайта, оформленные при этом по-разному. Файлы переопределения не решат проблему, так как будут задавать одну и ту же структуру для разных блогов категории.
В данном случае можно задействовать еще один механизм, придуманный разработчиками – альтернативные макеты. Обсуждению этих вопросов посвящена статья.

Как установить Joomla 3.6 на OpenServer
11-12-2016г. | CMS | Нет комментариев

Joomla довольно старая CMS. Впервые я познакомилась с ней давно. Многие помнят эту версию 1.5 со множеством недоработок и изьянов, которая ассоциировалась с громоздкостью и сомнительной безопасностью.

Однако, с тех пор прошло немало времени, многие старые недостатки были устранены.

Нынешняя CMS версии 3.6 уже значительно подросла, улучшилась и является достойным конкурентом для других сайтовых движков.

В этой статье мы поговорим о том, что появилось нового, о плюсах и минусах Joomla, а также рассмотрим ее установку на локальный сервер OpenServer.

stickymenu

Здравствуйте, друзья! Сегодня я хочу поговорить о навигации. Не для кого не секрет, что навигация может прокручиваться со страницей или быть жестко закреплена при помощи position:fixed. Но на сайтах, мы порой встречаем и более красивые варианты, когда меню сначала прокручивается как обычно, а потом дойдя до определенной точки фиксируется, как бы “прилипает” к краю окна (отсюда и название – “липкое” меню).

Реализуется это поведение при помощи JavaScript, обычно библиотеки jQuery.

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

Здравствуйте, уважаемые читатели. Сегодня мне бы хотелось рассказать вам об одном очень полезном плагине jQuery. Его можно с пользой применять на своем сайте.
Этот плагин называется Изотоп и служит для фильтрации и сортировки большого количества блоков. Это могут быть, к примеру, какие-нибудь картинки в галерее или товары в магазине, которые нужно отсортировать по определенному признаку или отфильтровать из определенной категории.
В статье приведены примеры использования и настройки Isotope.

modernizr

Что такое Modernizr? Это небольшая библиотека Javascript с открытым исходным кодом, которая обнаруживает насколько реализованы браузере возможности CSS3 и HTML5.
В отличие от традиционного, но не лишенного недостатков, способа определения браузера по его свойству navigator.userAgent (так называемому “вынюхиванию” браузера) , создатели Modernizr пошли по другому пути – пути узнавания фактических возможностей, что позволяет надежно установить, что различные браузеры могут и не могут делать.
Сфера применения Modernizr по-моему, очевидна, он дает возможность задания альтернативных стилей и скриптов для тех свойств/технологий , которые не поддерживаются.

Сейчас очень популярны стали различные спецэффекты с картинками на сайтах. Например, довольно красиво смотрится обесцвечивание картинки при наведении на нее мышкой (или наоборот). Оказывается, реализовать на практике этот эффект не так просто, верстальщикам приходится использовать две картинки, сменяющие друг друга, писать дополнительный код и заниматься дополнительной обработкой фото в Фотошопе. Хотя казалось бы ничего особенного здесь нет и такая простая задача, как создание черно-белого изображения не должна отнимать столько времени. Логично было бы эту функцию переложить на CSS.
Поэтому с развитием браузеров, совершенствованием стандартов W3C, в моду стал входить новый метод, в основе которого лежит использование фильтров. В нашем примере мы рассмотрим использование фильтра Grayscale.

Об адаптивности сайтов
18-02-2015г. | HTML и CSS | Нет комментариев
гибкость

Здравствуйте уважаемые посетители!
На наших глазах много лет происходила эволюция Web’а.
Сначала были невзрачные для глаза примитивные сайты, сделанные как правило на таблицах. Возможности css и браузеров тогда не впечатляли. Но они были резиновыми, что давало им возможность подстраиваться под разные экраны. Можно сказать это была первая ступень в достижении адаптивности.
Следующий этап – вебдванольность, тени, градиенты, закругленные уголки. Фиксированные макеты, в какой то мере были данью моде, в какой-то мере, не обладая адаптивностью решали проблемы резиновых макетов – удобство для пользователей, так как слишком широкий макет содержит слишком длинные строки, которые трудно читать.
Нынешний этап – значительно расширевшиеся возможности CSS, а также назревшая необходимость в создании адаптивных сайтов, вызванная появлением огромного числа различных устройств. Сайтов, отображение которых будет наилучшим образом, оптимально для пользователей, подстраиваться под доступную ширину. Причем правильный подход заключается именно в изменении отображения в зависимости от ширины экрана, без привязки к конкретному устройству, потому что таких устройств может быть очень много и это число будет только расти.
Такой инструмент, к тому же имеющий неплохую поддержку браузеров, нам предоставил CSS3 – это медиазапросы.

хлебные крошки

Здравствуйте, уважаемые читатели моего блога! Поздравляю вас с прошедшими праздниками.
О преимуществах Wordpress как движка мы уже говорили, а сегодня мне хотелось бы поговорить немного о Хлебных крошках для этой CMS – элементе навигации, показывающем на какой странице находится пользователь относительно главной и позволяющем ему, например, быстро переместиться на уровень вверх. Хлебные крошки, или по другому breadcrumbs очень распространены в блогах, поскольку дают возможность улучшить удобство пользования сайтом. Это пожалуй основное их назначение, вопрос использования для SEO остается спорным. Говорят, поисковые системы могут их использовать в выдаче, в сниппетах, но как этого добиться не совсем понятно.
Для создания breadcrumbs существует популярный плагин Breadcrumbs NavXT, а какие же еще имеются альтернативы? Есть еще простой, но довольно функциональный плагин Prime Strategy Bread Crumb, о котором пойдет речь в данной статье.

Страница 1 из 612345...Последняя →
Зарегистрировать домен