Swiperjs - хороший адаптивный слайдер / карусель с множеством настроек и хорошими примерами.

pic1


Категории: Web
Пометки: Слайдер, карусель, prettyphoto, slider ,Carousel

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

Ниже будет пример того, как такое можно сделать с использованием css grid.


Категории: Web, CSS
Пометки: Как сделать двухколончатую таблицу на css grid, css grid таблица

Перечень основных терминов и сборник примеров по технологии css grid.


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

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

Ниже будет пример того, как это можно сделать с использованием css свойств flexbox.


Категории: Web, CSS, -Памятка-
Пометки: Как сделать двухколончатую таблицу на css flex css flex таблица, css flexbox

Хорошая идея - сделать шрифт, который сам меняет свой размер в зависимости от размера экрана.


Пометки: Отзывчивый / "резиновый" шрифта на CSS

Красивая галерея Spotlight, думаю рассмотреть ее как замену устаревший и больше не обновляющейся prettyphoto

pic1

На полный экран:

pic1

pic1


Категории: Web
Пометки: prettyphoto, gallery

После выхода Font Awesome 5'ой версии, появление PRO, kit и т.д. стало сложно найти прямую ссылку на CDN шрифта. Оставлю тут памятку:

 
<link href="https://use.fontawesome.com/releases/v5.10.2/css/all.css" rel="stylesheet">

Проверка:

 
<i class="fas fa-check"></i>



Также SVG версия:

 
<script defer src="https://use.fontawesome.com/releases/v5.10.2/js/all.js"></script>


Категории: Web, HTML, CSS

При вызове метода submit() формы - ничего не происходит.

Первым делом проверил, что точно обращаюсь к форме, а не какому-то другому элементы.

Потом проверил, что форма с таким ID только одна.

В итоге проблема оказалась в имени кнопки:

 
  <button type="submit" name="submit">Отправить</button>

Стоило убрать name="submit" и все заработало.


Категории: Web, JavaScript, JQuery

При попытке сменить пароль 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
Яндекс.Метрика