Bootstrap и 5 колонок

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

Аватар пользователя antidenantiden
14 мая 20166,116

Получаем номер поля Repeater в ACF WordPress

Иногда нужно унифицировать полученные поля из Repeater в ACF, для это добавляем счетчик, как здесь:

<?php
    $i = 1;
    while(has_sub_field('myrepeaterfield')):
?>

Шаг

<?php echo $i; ?>
<?php
    $i++;
    endwhile;
?>
Аватар пользователя antidenantiden
14 мая 20161

Atom, emmet и ctrl+e

Если вдруг ваш любимый Atom с Emmet не расшифровывает теги по ctrl+e (windows) или cmd+e (mac os) то в настройках Keymap допишите:

 # Stop atom from hijacking ctrl-e from emmet
  '.platform-win32 atom-text-editor:not([mini]), .platform-linux atom-text-editor:not([mini])':
  'ctrl-e': 'emmet:expand-abbreviation'
Аватар пользователя antidenantiden
12 мая 2016565

Удаляем Atom правильно

Windows. Бывает нужно переустановить Atom, но сам он пока не научился чистить свои папки, поэтому удаляем их вручную, находятся они здесь:

Аватар пользователя antidenantiden
22 апреля 20161

Обновить иконки в fontello

Как известно существует очень крутой генератор шрифтов fontello.com, но как быть если нужно добавить какую нибудь иконку к существующему набору. В fontello для этого есть готовый инструмент, который доступен в Settings (ключ) -> Import и можно импортировать предыдущий config.json и далее добавляем дополнительные иконки. Выглядит он так:

Аватар пользователя antidenantiden
21 апреля 20161

Let's Encrypt и ошибка unauthorized Error с Nginx

Сервер Ububntu с Apache и NGINX. Необходимо получить сертификат от Let's Encrypt используя команду:

./letsencrypt-auto certonly -a webroot --agree-tos --renew-by-default --webroot-path=/home/user/web/sitename.ru -d sitename.ru

В ответ получем ошибку:

Аватар пользователя antidenantiden
12 апреля 20164,126

Bootstrap, inline block и отступы

Задача: мы хотим сделать горизонтальный список с выравниванием по центру.

Например у нас подключен bootstrap и имеется список:

<ul>
    <li>text</li>
    <li>text</li>
    <li>text</li>
</ul>

И css:

ul {
    text-align: center;
}
ul li {
    display: inline-block;
}

В итоге выходит примерно такое:

Аватар пользователя antidenantiden
23 марта 20161

Работаем со Stylus на Windows

Для тех кто решил перейти на stylus, небольшая инструкция по подключению и настройке. Конфигурация аппарата: Windows 10, Sublime Text 3, OpenServer

1. Ставим nodejs (ссылка)

2. Открываем cmd и ставим Stylus (ссылка) глобально

npm install stylus -g

3. Ставим LiveReload (ссылка)

4. Предполагаем что уже готова папка с проектом и с папкой стилей: stylus/style.styl

Аватар пользователя antidenantiden
22 марта 20161

Гибкое видео или Responsive Video

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

Аватар пользователя antidenantiden
21 марта 2016686

jQuery счетчик количества

Иногда встречается что нужно высчитывать количество блоков или списка и уже в зависимости от количества выполнять ту или иную задачу. Например, есть задача сделать респонсив меню на всю ширину, при этом динамически устанавливать ширину ссылок, если вдруг в меню добавится или уберется пункт меню, то как установить ширину ссылки автоматом? Использовать так:

Аватар пользователя antidenantiden
19 марта 20161