В веб-разработке иногда возникает потребность визуально повторить содержимое элемента в другом месте страницы. Это похоже на создание «проекции», но не дублируя при этом сам HTML-код. Сделать это можно на одном CSS без использования JavaScript. CSS отлично справляется со вставкой текста при помощи кастомных data-* в тандеме с псевдоэлементами. Таким образом можно не только дублировать текст, […]
Рубрика:Дизайн и оформление сайта
Страницы сайта должны не только быстро загружаться, но и иметь привлекательный дизайн, удобное оформление и навигацию. Кроме этого, сайт должен быть совместим со всеми популярными браузерами. Проработать наиболее важные разделы сайта никогда не поздно. Создайте свой фирменный стиль и улучшите поведенческие реакции посетителей с помощью моих рекомендаций.
Опубликовано вДизайн и оформление сайта
Как сделать кнопку «Вернуться назад» и скрыть её если нет истории переходов
Из этой статьи вы узнаете, как сделать специальную кнопку возврата назад на JS или PHP, чтобы помочь заблудившимся посетителям попасть на предыдущую страницу. А также, как скрыть эту кнопку, если в браузере посетителя отсутствует история переходов по сайту. Способы создания кнопки «назад» на JavaScript Чтобы при нажатии кнопки заставить браузер переместиться на одну страницу назад, […]
Опубликовано вДизайн и оформление сайта, Wordpress
Обзор лучших редакторов исходного кода со списком плагинов для веб-разработки
Если вы задались вопросом, как создать сайт или редактировать тему WordPress, то для начала необходимо выбрать инструменты, чтобы это занятие стало максимально удобным. Выбор хорошего редактора исходного кода может помочь вам повысить эффективность рабочего процесса. Это избавляет от ввода некоторого кода вручную, что непременно экономит время веб-разработки. Ниже приведен список лучших редакторов исходного кода для […]
Опубликовано вДизайн и оформление сайта
4 бесплатных инструмента для создания баннера и любой инфографики
Баннеры, логотипы и другие графические элементы — это неотъемлемая часть любого сайта или социальной страницы. Благодаря графике посетитель лучше усваивает информацию. Посещая большое количество ресурсов, пользователь пролистывает страницу за страницей и порой не углубляется в содержание статей. С помощью инфографики мы можем сосредоточить внимание посетителя на продукте, используя ее в качестве зрелищного дополнения к текстам […]
Опубликовано вWordpress, Дизайн и оформление сайта
Красивая навигация с изображениями между постами в WordPress
Навигацию между предыдущим и следующим постом в WordPress можно сделать более современной и красивой с помощью добавления изображения записи и CSS. Если ссылки навигации находятся в самом низу статьи и выглядят неприметно, то пора сделать их заметнее для посетителя. Сделаем это двумя способами: без плагина и с плагином. Без плагина Ссылки на следующую и предыдущую […]
Опубликовано вДизайн и оформление сайта
Два способа сделать видеофон для сайта
Небольшие видеоролики можно установить в качестве видеофона заголовка на главной странице сайта или интернет-магазина вместо привычного изображения. Тем самым мы оживим страницу подвижным и нескучным элементом, привлекающим внимание наших посетителей. Если мы нацелены на активное продвижение своего продукта, то не стоит оставлять без внимания видео презентации. Видеоклип может быть коротким, но достаточно информативным и привлекательным. […]
Опубликовано вWordpress, Дизайн и оформление сайта
Меняем стили и название ярлыка «Распродажа», кнопки «Добавить в корзину» и полей страницы корзины
Слова на русском «Добавить в корзину» и «Распродажа» в некоторых шаблонах смотрятся слишком громоздко. Внешний вид Woocommerce изначально заточен под английский язык. Слова Sale, New или Add to cart занимают немного места на кнопках и ярлыках. Но для других языков есть простые решения. Можно, конечно, создать свой локальный файл перевода. Но это не совсем удобно, […]
Опубликовано вДизайн и оформление сайта
23 бесплатных инструмента для работы креативного веб-дизайнера и разработчика
Я думаю, многие веб-дизайнеры согласятся со мной, что разработка дизайна как такового, это, пожалуй, самая творческая и креативная часть работы над проектом. В этом нет ничего удивительного. Причина в том, что именно с поиска нужных инструментов и ресурсов начинается сам творческий процесс создания веб-проекта. Считаете себя прогрессивным веб-дизайнером или разработчиком, которого нечем удивить? Начните с […]
Опубликовано вДизайн и оформление сайта
Бесплатные источники изображений для сайтов
Для разработки сайтов или для контента нам нужны только уникальные изображения. Самый лучший способ получить изображения с лицензией на использование и изменение — воспользоваться бесплатными фотобанками. А если позволяет бюджет, то платными сервисами. Делюсь с вами своим списком бесплатных источников изображений. Unsplash Бесплатный источник фотографий с высоким разрешением и художественной съемкой, с лицензией коммерческого и […]
Опубликовано вWordpress, Дизайн и оформление сайта
2 способа установки кнопки «Добавить сайт в закладки»
Так ли необходима вашему сайту кнопка добавления страницы в закладки браузера? Ответ на этот вопрос можно получить только после тестового периода. Несмотря на обилие всевозможных закладочных сервисов, браузерные закладки до сих пор активно используются. Кнопка на сайте мотивирует посетителя на сохранение страницы, а это означает, что шансы на неоднократное посещение сайта из закладки практически гарантировано. […]
Опубликовано вWordpress, Дизайн и оформление сайта
Способы добавления изображения в header
Наличие изображения в header необязательное условие в создании сайта. Но с его помощью заголовок выглядит намного привлекательнее. Вставить изображение в шапку сайта можно как фон и как картинку, добавить к нему различные эффекты анимации. Рассмотрим некоторые способы добавления изображения в header для HTML-сайта и сайта на WordPress. Замена текста изображением в заголовке Иногда мы хотим […]
Опубликовано вWordpress, Дизайн и оформление сайта
Простые способы создания оглавления (содержания) на сайте
Рассмотрим три способа добавления оглавления (содержания) для статей сайта — из заголовков HTML; с помощью jQuery; с плагином для WordPress. Блок с оглавлением статьи полезен прежде всего посетителям сайта, большая часть которых читают статьи бегло. Не находя в самом начале интересующей информации многие покидают страницу. С помощью списка заголовков мы сразу даем понять, что содержится […]