Разработка
38 заметокРаньше здесь была большая статья о том, как с помошью вставок кода можно было менять отступы в стандартных блоках на мобильном. Я поделился ей с другом, а он подсказал…
Для одного из проектов нужно было сделать аккордеон, решил показать в блоге, как его делать. Делаем аккордеон в блоке FAQ, поэтому там будут…
Сейчас верстаю проект и наткнулся на проблему — в процессе верстки заметил, что цифры в вёрстке выглядят по-другому. Шрифт и начертания те же, но выглядит нет так. Я 10…
Мне поступила задача перенести сайт на wordpress. Дали архив с файлами wordpress и базу. Я этого давно не делал и у меня не получалось. Я попросил знакомого и он помог мне…
В этой статье расскажу как сделать фиксированную шапку или fixed header. Я делаю его для сайта, на котором вы читаете эту статью 🙂 Делать…
В этой статье я разберу, как можно дорабатывать wordpress-сайт с темой для администратора. Я постоянно дорабатываю этот сайт: поменяю размер заголовка, доработаю фичу, выведу…
В этой статье расскажу, как без кучи кода сделать подстраницы у произвольного типа записей с сохранением структуры url. Как делал раньше Я пользовался костылём —…
Код работает нестабильно. Аудио-дорожки могут не работать на ПК, в хроме на андройде и в сафари. Пока не нашел решение проблемы. Задача: сделать аудио-отзывы Тильде. Сейчас нормального…
Проблема: при попытке сохранить файл в кастомном редакторе в WinSCP выскакивала ошибка Я долго не мог найти ответ на вопрос, как решить эту проблему. Ответ…
Кнопка вверх на jquery. Довольно частая задача при разработке сайта. Сегодня мы научимся делать кнопку вверх на jquery. Сегодня мы с вами научимся делать кнопку…
Разберем проблему с прилипающим футером. Ссылка на codepen Представим, что у на главной странице вашего сайта подвал внизу и все ок, но вот на странице контактов контента…
Белая полоса справа на сайте — частый и сложный вопрос, особенно для начинающих разработчиков. В чем проблема Белая полоса может появляться по многим причинам, но если…
Итак, сегодня мы научимся делать плавный скролл на jQuery. Демо на codepen Разметка Создаем 4 кнопки и 4 секции. Стили Создадим внутренние отступы — padding…
В это статье мы создадим всплывающую панель на javascript. Для хранения состояния будет использовать localStorage. Сначала покажу, как работает: Весь код для копирования…
В этой статье покажу 10 сервисов, которые помогают в работе каждый день. 1. Оптимизация изображений — (https://tinypng.com/) Есть множество сайтов и инструментов для оптимизации фото,…
Сегодня будем делать прогресс-бар. Он может помочь вашим пользователем понять, много ли осталось читать. Все вместе решение занимает 20 строк. Демо на codepen…
Что такое типограф? Типограф — библиотека, которая форматирует ваш текст, удаляя висячие строки, заменяя кавычки и изменяя тире. Сложно его внедрить? Дело…
Расскажу о тестовом задании для компании, в которую я устраивался на позицию Front-end developer, читай Junior Javascript developer. В последнее время меня сильно заинтересовали инструменты…
В этой статье мы будем разбирать как в списке статьей вывести информацию о том, сколько времени нужно для чтения статьи. Я создал несколько записей и наполнил…
Видеоурок: Привет, друзья! Многие из нас обновились до 5 версии WordPress и классический редактор резко накрылся и остался только Gutenberg. Сегодня я расскажу как его…
Сегодня я назову несколько причин, почему не стоит выбирать конструктор, как площадку для создания сайта. 1. Не уникальный сайт. Сайтов на конструкторе каждый день…
В этой статье мы разберемся как создавать модальные окна с помощью javascript. Модальные окна которые мы сделаем буду универсальны. Для создания модальных окон в дальнейшем…
Привет, в этой статье разберем плагин clipboard. js и варианты его применения. Что будем делать. Я покажу как мы можем копировать текст, как сделать это…
В этот статье поговорим о том, как сделать доступ к сайту или отдельной директории по паролю. В чем суть: мы создадим 2 файла: в первом код для…
В прошлый раз я писал о том, почему не стоит выбирать конструктор, как площадку для создания сайта. Сегодня я хочу поговорить о том, в каких случаях…
Сегодня разберем как делаются вкладки (табы) на JQuery и JavaScript. Весь код для копирования в конце статьи. Можете посмотреть демо чтобы увидеть…
На практике часто бывает, что сайт, оптимизированный со временем начинал загружаться за пару минут, это — катастрофа. Рекомендуемое время загрузки сайта — 4 секунды. Если…
Сегодня мы разберем удобный scss-миксин для ускорения работы по адаптивности наших проектов. Для использования этого плагина вам нужно подключить его к основному файлу…
Сегодня я покажу как сделать ленивую загрузку изображений с помощью плагина B-lazy. Что такое ленивая загрузка изображений? Ленивая загрузка изображений — когда изображения…
Переделываем шапку на сайте бухгалтерских услуг.
Задача: сделать изображения листьев подвижными при прокрутке. Я никогда такого не делал, решил пройтись по плагинам, но вскоре понял что проще будет разобраться с этим…
Независимо от того, кого вы выберете в исполнители, вам придется общаться с тем, кто имеет дело с созданием сайтов. В моей практике было много случаев когда…
После желания заказать сайт появляется много вопросов, среди них: «Какой тип сайта подойдет мне?». Вопрос может возникать потому что на сайтах…
Привет! В этой статье мы поговорим о методологии, которая родилась в компании Яндекс, её именуют БЭМ. Что такое БЭМ? БЭМ (Блок, Элемент, Модификатор) — компонентный подход…