• css
• html
• google
• шрифты

В 2019 году в Google Fonts ввели параметр &display=swap, который вставляется по умолчанию в код подключения шрифтов Google. Эту фичу настоятельно требовали от Гугла с 2016 года на Гитхабе.

Вот из-за этого и прыгает текст на странице. Это можно увидеть при первоначальной загрузке страницы или при обновлении страницы с шифтом.

• хостинг
• ssl
• https

Часто бывает, что SSL-сертификат оказывается просрочен. И тогда сайт не грузится по https. И если вы запускаете контекстную рекламу Яндекс.Директ или Гугл Рекламу, то деньги будут "улетать в трубу"! А как же проверка доступности сайта в настройках кампании в Яндекс.Директе? Она не работает и не сообщает об ошибке, когда SSL-сертификат у вашего сайта просрочен или неверный.

Давайте "распотрошим" сайт и посмотрим, из чего он состоит. А сайт состоит из страниц.

• joomla
• wordpress
• хостинг
• lets encrypt
• регистрация домена

Создание сайта - довольно нетривиальная задача для неподготовленного человека. Но если вы знаете основные этапы, то для вас это не составит труда.

• htaccess
• ssl

После установки SSL-сертификата часто возникает вопрос: как сделать перенаправление с http на https. Это легко сделать с помощью файла .htaccess.

• ssl
• ispmanager
• https
• lets encrypt
• acme.sh

Установка Wildcard SSL-сертификата Lets Encrypt требует подтверждения прав в ДНС-записях. Самый простой способ - это связка скрипта Acme.sh и Cloudflare.

• css
• html
• bootstrap
• фотошоп
• дизайн

Многие начинающие дизайнеры сталкиваются с проблемой, где взять или скачать сетку в формате psd для Bootstrap 3 или Bootstrap 4 для Photoshop.

• htaccess
• ssl
• ispmanager
• https
• lets encrypt
• acme.sh

Let's Encrypt - бесплатный сертификат, который поможет Вашему сайту перейти с http на https. Чтобы с ним работать, есть множество утилит, также можно вручную через сторонние сайты все делать. Но мы будем рассматривать самый простой способ. Все команды выполняем от имени root.

• joomla

Часто пользователи жалуются на проблему загрузки изображений в Joomla 3. Во-первых, картинка загружается только в корневую папку images, даже при выборе другой папки внутри. Во-вторых, при выборе картинки и нажатии на кнопку "Вставить" ничего не происходит. В-третьих, почему-то в пути к картинке приписывается undefined.

• css
• html

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

Можно воспользоваться сторонним сервисом, типа Envybox (ex. CallBackKiller), CallBackHunter и т.д. Но такие сервисы предполагают регулярную абонентскую плату за пользование.

Мы же рассмотрим кнопку на чистом css + html.