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

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


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

Иногда, особенно при адаптивной верстке, нужно разделить одну линию блоков, с display: flex;, на несколько рядов.


Категории: CSS
Пометки: flex перенос строки, css flex новая строка

После выхода 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

Примеры небольших, но часто крайне полезных php сниппетов для Битрикса.


Категории: PHP, Bitrix CMS
Пометки: SEO, метатеги, раздел, название раздела, категория, meta,сео, картина раздела категории, фото, все товары. полезное битрикс

Преимущества класса:

  • Маленький по размерам.
  • Формирует не просто линейку из всех доступных страниц (1,2,3,4,5...88,89,90), а можно указать сколько выводить (3,4,5,6,7).

    Недостатки
  • Пока формирование внешнего вида можно изменить только изменив класс кода или через наследование.
  • Нет "из коробки" стилей для визуального оформления.

Категории: PHP
Пометки: pogination class

Простой но полезный класс для отправки писем с вложениями на php.


Категории: PHP, Script / Tool

Для упрощения работы с cookie в javascript есть хорошая библиотечка:


Категории: JavaScript
Пометки: cookie javascript

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

Поэтому ниже простая демонстрация замены таблицы на flexbox.


Категории: HTML, CSS
Пометки: flexbox table

Примеры работы с файлами эксель (excel) используя библиотеку phpspreadsheet


Категории: PHP

Код демонстрирует как передать данные а хэдере и теле запроса к серверу и обработать ответ.


Категории: PHP, Script / Tool
Яндекс.Метрика