С информацией
Только заголовки

Текст на однородном фоне

Текст на однородном фоне, выделенный контуром и тенью

Пример для оформления заголовков с помощью тени и контура.

Решение выполнено на CSS и имеет настройки для подбора цвета.

Читать далее

Фиксированная кнопка мессенджера

Анимированная кнопка с мессенджером, зафиксированная внизу страницы

В теме рассмотрены 4 примера создания внизу страницы кнопки с ссылкой на нужный контакт. Это телефон, WhatsApp, Telegram и Viber.

Читать далее

Запись текста со страницы в .txt файл для скачивания

Решение на JavaScript для сохранения любой текстовой информации на сайте в .txt файл для скачивания

Сохранение происходит при нажатии на кнопку и сохраняется в файл с заданным именем в формате TXT.

Данное решение может пригодится для сохранения данных, которые нет необходимости выдавать на печать.

Читать далее

Файловый менеджер в HostCMS

Файловый менеджер в низких редакциях HostCMS

Файловый менеджер в HostCMS доступен только в самой старшей редакции системы «Корпорация». Несмотря на это, он присутствует во всех версиях в визуальном редакторе.

Читать далее

Привлечение внимания изменением элемента

Обсуждение вариантов, как можно выделить тот или иной контент для привлечения внимания посетителя

Кто давно в интернете, наверняка помнят времена, когда кругом мигали баннеры с предложением забрать свой приз или просто что то купить. Если мерцал не весь сайт, а только один баннер, это действительно привлекало внимание, но и раздражало тоже.

А что если мигать и мерцать не постоянно, а переодически, и только на нужных элементах?

Читать далее


Проверка на вместимость текста в контейнере

Функция на JS для проверки вместимости контента в его контейнере

Данная функция очень простая и умещается всего в 1 строчку кода. Не смотря на это, она может быть полезной в ряде решений.

Читать далее

Золотой эффект текста на CSS

Красивый вариант отображения текста в виде золотых трехмерных букв

Эффект основан на градиенте background: linear-gradient и фоновых заливках -webkit-background-clip и -webkit-text-fill-color

Читать далее

SVG рамки для фотографий

Три варианта фильтров на SVG для создания рамок для фотографий

Все варианты очень простые, а сами фильтры умещаются в 166 байт

Читать далее

Шаблоны сеток на CSS Grid

Несколько примеров расположения блоков с использованием сеток на CSS Grid

Во всех вариантах используется CSS-свойство display: grid;

Читать далее