Проблема: swiperjs растягивался на всю шину станицы, но картинку он позиционировал по верхнему левому углу и, при сжатии экрана, он ее обрезал.

Как было (на большом и среднем разрешении):

pic1

pic1

Как стало (на большом и среднем разрешении):

pic1

pic1


Категории: Web, JavaScript, CSS
Пометки: Как центрировать картинку в swiperjs

Самый простой способ добавить на сайт, например, в "раздел контакты":

Переходим на сайт конструктора карт


Категории: Web

При попытке сменить пароль root пользователя mysql / mariadb (через mysql_secure_installation / mysql_secure_installation), получил ошибку "ERROR 1146 (42S02) at line 1: Table 'mysql.global_priv' doesn't exist"

 
Change the root password? [Y/n] Y
ERROR 1146 (42S02) at line 1: Table 'mysql.global_priv' doesn't exist

Решение проблемы, запустить

 
sudo mysql_upgrade


Используя css свойство text-stroke можно интересно оформить, например, заголовок.

Не знаю как описать, лучше посмотреть на картинке, или примере ниже:

pic1


Категории: Web

При верстке часто нужно проверить отображение станичницы на мобильном телефоне, и если Андройд есть почти у каждого, то вот с устройствами Apple, дело обстоит хуже.

Тут нам помогут сайты с эмуляторами iPhone.

Мне понравились три сервиса:

  • mobiletest.me - мало устройств.

  • responsinator.com - сразу много форматов (телефон / планшет + вертикальное и горизонтальное положение)

  • loveadaptive.com/ - можно выбрать версию iPhone


Пометки: Как проверить сайт на iPhone? Как выглядит сайт на iphone?

Нужно сделать блок со скошенными / наклонными краями, при этом текст или другие блоки в нем должны отображаться ровно.

Для такой задачи подойдет CSS свойство transform: skew

Самый простой способ сделать два вложенный, к примеру, div и первый повернуть на нужное количеств градусов, а второй на такое же количество, но в обратную сторону (со знаком минус).


Категории: Web, CSS
Пометки: css прямоугольный фон с наклоном

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

pic1


Категории: Web, CSS, Сторонние сервисы

Простенькая станица "сайт в разработке" с адаптивной картинкой и текстовым блоком.

pic1


Категории: Web
Пометки: under Construction, underсonstruction

Если, после установки phpMyAdmin, видите сообщение "В конфигурационном файле необходимо задать парольную фразу (blowfish_secret)."

pic1

То стоит еще немного его настроить.


Категории: Web, SQL

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

Хороший пример использования, на мой взгляд, можно посмотреть на странице документации.


Категории: Web, JavaScript
Яндекс.Метрика