← На страницу блога
Как выкладывать на Dribbble видео с InVisio Studio

Я решил заняться изучением анимации интерфейсов и начал с Invisio Studio. Это что-то вроде Principle, но подходит для Windows. Я не буду касаться того, как делать…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. Сегодня я расскажу как его…

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

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

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

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

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

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

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

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

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

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

Табы на JQuery и JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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