← На страницу блога
Документация по конфигуратору Yougile

Эта страница создана, чтобы собрать воедино информацию по конфигуратору Yougile и иметь базу данных для обучения ИИ. Она будет пополняться по мере необходимости в новых…

Как сделать отображение рандомных кейсов в Тильде

Не надеюсь, что по такому заголовку кто-то эту статью найдет. Надеюсь она кому-то пригодится. Я большинство заметок пишу для себя с надеждой, что помогу…

Как скачать много svg за один раз с помощью Terminal

У меня был список ссылок на svg-иконки, которые мне нужно было скачать на компьютер. У меня было два варианта, как это делать: Мне хотелось…

Изменение отступов на мобильной версии блоков Тильда

Раньше здесь была большая статья о том, как с помошью вставок кода можно было менять отступы в стандартных блоках на мобильном. Я поделился ей с другом, а он подсказал…

Как открыть консоль разработчика в Safari

Чтобы открыть консоль разработчика в Safari, используется пункт меню «Разработка». Но изначально он не показывается. Чтобы включить его, мы должны зайти в настройки и включить пункт меню…

Аккордеон на jQuery/JavaScript

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

Цифры в фигме и в верстке выглядят по-разному

Сейчас верстаю проект и наткнулся на проблему — в процессе верстки заметил, что цифры в вёрстке выглядят по-другому. Шрифт и начертания те же, но выглядит нет так. Я 10…

★ Как копировать SVG из браузера в Фигму

Часто нужно скопировать, но обычный вариант с кликом правой кнопкой мыши и «Сохранить как» не работает. У SVG такого нет. Сейчас расскажу, как это можно…

Как найти код запрещенных соц. сетей на своём сайте. Beget-хостинг

У меня около 40 работ лежит на сервере и каждую страницу проекта можно открыть, если знать ссылку. Я думаю, что наши правоохранительные органы запустят…

Перенос wordpress-сайта

Мне поступила задача перенести сайт на wordpress. Дали архив с файлами wordpress и базу. Я этого давно не делал и у меня не получалось. Я попросил знакомого и он помог мне…

Фиксированная шапка

В этой статье расскажу как сделать фиксированную шапку или fixed header. Я делаю его для сайта, на котором вы читаете эту статью 🙂 Делать…

Доработка wordpress сайта с темой для администратора

В этой статье я разберу, как можно дорабатывать wordpress-сайт с темой для администратора. Я постоянно дорабатываю этот сайт: поменяю размер заголовка, доработаю фичу, выведу…

Как сделать подстраницу для произвольного типа записей в wordpress

В этой статье расскажу, как без кучи кода сделать подстраницы у произвольного типа записей с сохранением структуры url. Как делал раньше Я пользовался костылём —…

Аудио-отзывы в Тильде

Задача: сделать аудио-отзывы Тильде. Сейчас нормального механизма с аудио-отзывами в тильде нет. Пол-года газад назад я планировал переходить на Тильду, но из-за того, что нет…

Почему я люблю хостинг Beget

Долгое время я хотел написать статью про хостинг Beget. Расписать его плюсы и минусы и вкопаться во все преимущества. Но это довольно долго. Один момент,…

WinSCP. Unable to save. Решение

Проблема: при попытке сохранить файл в кастомном редакторе в WinSCP выскакивала ошибка Я долго не мог найти ответ на вопрос, как решить эту проблему. Ответ…

Кнопка вверх на jQuery

Кнопка вверх на jquery. Довольно частая задача при разработке сайта. Сегодня мы научимся делать кнопку вверх на jquery. Сегодня мы с вами научимся делать кнопку…

Sticky footer. Прилипающий футер

Разберем проблему с прилипающим футером. Ссылка на codepen Представим, что у на главной странице вашего сайта подвал внизу и все ок, но вот на странице контактов контента…

Белая полоса справа на сайте. Решение

Белая полоса справа на сайте — частый и сложный вопрос, особенно для начинающих разработчиков. В чем проблема Белая полоса может появляться по многим причинам, но если…

Плавный скролл на jQuery

Итак, сегодня мы научимся делать плавный скролл на jQuery. Демо на codepen Разметка Создаем 4 кнопки и 4 секции. Стили Создадим внутренние отступы — padding…

Делаем всплывающую панель на javascript

В это статье мы создадим всплывающую панель на javascript. Для хранения состояния будет использовать localStorage. Сначала покажу, как работает: Весь код для копирования…

10 сервисов которые помогают в работе каждый день

В этой статье покажу 10 сервисов, которые помогают в работе каждый день. 1. Оптимизация изображений — (https://tinypng.com/) Есть множество сайтов и инструментов для оптимизации фото,…

Прогресс-бар за 20 строк

Сегодня будем делать прогресс-бар. Он может помочь вашим пользователем понять, много ли осталось читать. Все вместе решение занимает 20 строк. Демо на codepen…

Добавление типографа на сайт

Что такое типограф? Типограф — библиотека, которая форматирует ваш текст, удаляя висячие строки, заменяя кавычки и изменяя тире. Сложно его внедрить? Дело…

Тестовое задание. Каталог авто

Расскажу о тестовом задании для компании, в которую я устраивался на позицию Front-end developer, читай Junior Javascript developer. В последнее время меня сильно заинтересовали инструменты…

Время чтения статьи на wordpress

В этой статье мы будем разбирать как в списке статьей вывести информацию о том, сколько времени нужно для чтения статьи. Я создал несколько записей и наполнил…

Как вернуть классический редактор wordpress?

Видеоурок: Привет, друзья! Многие из нас обновились до 5 версии WordPress и классический редактор резко накрылся и остался только Gutenberg. Сегодня я расскажу как его…

Как изменить страницу входа в админ панель WordPress

Привет, друзья! В этот статье разберем как обезопасить сайт на Wordpress и запретить посторонним пользователям заходить на страницу входа в админ панель. Почему это сделать…

Может все-таки на конструкторе?

Сегодня я назову несколько причин, почему не стоит выбирать конструктор, как площадку для создания сайта. 1. Не уникальный сайт. Сайтов на конструкторе каждый день…

Модальные окна на javascript. 30 строк кода

В этой статье мы разберемся как создавать модальные окна с помощью javascript. Модальные окна которые мы сделаем буду универсальны. Для создания модальных окон в дальнейшем…

Плагин для копирования — clipboard

Привет, в этой статье разберем плагин clipboard. js и варианты его применения. Что будем делать. Я покажу как мы можем копировать текст, как сделать это…

Доступ на сайт по паролю. 5 строк кода

В этот статье поговорим о том, как сделать доступ к сайту или отдельной директории по паролю. В чем суть: мы создадим 2 файла: в первом код для…

В каких случаях можно делать сайт на конструкторе?

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

Табы на JQuery и JavaScript

Сегодня разберем как делаются вкладки (табы) на JQuery и JavaScript. Весь код для копирования в конце статьи. Можете посмотреть демо чтобы увидеть…

Сайт долго загружается? Не спешите ругать разработчиков

На практике часто бывает, что сайт, оптимизированный со временем начинал загружаться за пару минут, это — катастрофа. Рекомендуемое время загрузки сайта — 4 секунды. Если…

Ускоряем адаптив сайта в 3 раза с помощью scss-миксина

Сегодня мы разберем удобный scss-миксин для ускорения работы по адаптивности наших проектов. Для использования этого плагина вам нужно подключить его к основному файлу…

Ленивая загрузка изображений. Плагин B-lazy

Сегодня я покажу как сделать ленивую загрузку изображений с помощью плагина B-lazy. Что такое ленивая загрузка изображений? Ленивая загрузка изображений — когда изображения…

Улучшаем шапку сайта

Переделываем шапку на сайте бухгалтерских услуг.

Анимация элементов при прокрутке

Задача: сделать изображения листьев подвижными при прокрутке. Я никогда такого не делал, решил пройтись по плагинам, но вскоре понял что проще будет разобраться с этим…

Термины в разработке сайтов

Независимо от того, кого вы выберете в исполнители, вам придется общаться с тем, кто имеет дело с созданием сайтов. В моей практике было много случаев когда…

Какой тип сайта мне нужен? Решение

После желания заказать сайт появляется много вопросов, среди них: «Какой тип сайта подойдет мне?». Вопрос может возникать потому что на сайтах…

Как очистить кэш в Safari на macOS и iOS?

Очистка кэша в macOs Для очистки кэша в Safari на Mac необходимо зайти в браузер Safari, в верхнем меню выбрать пункт «Safari» и нажать «Настройки». Далее…

Именование в БЭМ

Привет! В этой статье мы поговорим о методологии, которая родилась в компании Яндекс, её именуют БЭМ. Что такое БЭМ? БЭМ (Блок, Элемент, Модификатор) — компонентный подход…

← На страницу блога