Skip to content

Instantly share code, notes, and snippets.

View tananin's full-sized avatar

Maxim Tananin tananin

2 followers · 1 following
View GitHub Profile
@tananin
tananin / colum.json
Last active October 31, 2018 10:42
Удобный лэндинг или страница секций на MODX
[
{"header": "ID", "sortable": "true", "dataIndex": "id"},
{"header": "Блок", "sortable": "true", "dataIndex": "MIGX_formname"},
{"header": "Опубликован", "sortable": "true", "dataIndex": "publish","renderer": "this.renderCrossTick"}
]
@tananin
tananin / inputTVtype.md
Last active October 31, 2018 09:23

inputTVtype

inputTVtype Тип
text текст
textarea текстовая область
richtext текстовый редактор
image изображение
checkbox* флажки (checkbox)
option* переключатели (radio)
@tananin
tananin / getImageList.md
Last active October 31, 2018 10:52

Параметры getImageList

  • &tvname — название TV с типом ввода MIGX
  • &tpl — имя чанка для вывода каждой записи. Можно использовать @CODE:, @FILE:, @FIELD
  • &docid — можно указать ID документа, чей TV надо обработать. По умолчанию: [[*id]]
  • &value — JSON строка для обработки getImageList. Если указан, параметры &docid и &tvname будут проигнорированы. Можно использовать для вывода в getImageList еще одного вызова getImageList
  • &limit — количество записей для вывода. По умолчанию: 0
  • &offset — количество записей, которые необходимо пропустить. По умолчанию: 0
  • &totalVar — имя плейсхолдера, в котором содержится общее количество записей. По умолчанию: total
  • &randomize — если установить 1, результаты будут отсортированы в случайном порядке. По умолчанию: 0
@tananin
tananin / README.md
Created November 5, 2018 06:38
@tananin
tananin / README.md
Last active November 12, 2018 12:15

Слайдер "Читать далее на jQuery"

На днях возникла задача реализовать своеобразный спойлер на jquery. Суть сводится к тому, чтобы если в блок выводится слишком длинный текст, например, превышающий 2000 символов, тогда текст должен обрезаться, а в конец вставляться многоточие. К тому же после блока необходимо выводить ссылку «Читать далее», которая будет раскрывать текст полностью. Следовало также не забывать и про функционал обратного сворачивания блока в формат анонса.

Задача достаточно стандартная, однако поиск подходящего jquery-плагина не увенчался успехом, поскольку во всех плагинах, которые удалось найти, ограничения задаются не количеством символов, а высотой блока. То есть указывается высота контейнера, и плагин обрезает текст, выходящий за его пределы. В интернете можно найти весьма удобные варианты таких плагинов, например, Readmore.js и dotdotdot. Причем последний даже может отслеживать изменение размера окна и автоматически обновлять результат.

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

@tananin
tananin / README.md
Created November 13, 2018 08:37

Начало нового проекта в Libray

Инициализация

  1. Скопируйте и переименуйте папку New Project
  2. Открыть созданную директорию в терминале
  3. Инициализировать NPM npm i
  4. Запускаем gulp gulp

Конфигурация

@tananin
tananin / README.md
Last active November 15, 2018 14:42

Начало нового проекта в Libray

Инициализация

  1. Скопируйте и переименуйте папку New Project
  2. Открыть созданную директорию в терминале
  3. Инициализировать NPM npm i
  4. Запускаем gulp gulp

Конфигурация

@tananin
tananin / README.md
Last active November 14, 2018 08:49

Копиирования вёрстки и стилей с любого сайта

  1. Создаём в Libray новый блок
  2. Копируем через инспектр html код нужного блока
  3. Копируем все стили сайта в файл css
  4. Подключаем через скопируемые стили
  5. Переходим в созданную категори и очищаем не нужный CSS uncss header.html > style.css
  6. Конертируем css в scss css-to-scss -o <filename>
@tananin
tananin / _variables.md
Last active November 15, 2018 09:38
Настройка шрифтов

Настройка шрифтовой пары

Заголовки

  • $font-family-sans-serif: - Семейство шрифтов для заголовков
  • $headings-font-family: $font-family-sans-serif; Задаём шрифт заголовка

Текст

  • $font-family-base: - Семейство шрифтов для текста
  • $font-size-base: 1.6rem !default; - Базовый размер шрифта
@tananin
tananin / README.md
Last active November 15, 2018 12:25

Вызов секции:

{% include section/section.html id="first" header="1. Проведите замер" content="<p>Lorem ipsum dolor.</p>" %}

Код секции:

<div class="section {{ include.class }}" id="{{ include.id }}">
    <div class="container">
        <div class="row">