Обновление бесплатного HTML-курса

Обновление бесплатного HTML-курса

06-03-2021Блог
Сделал большое обновление своего HTML-курса для новичков (теперь с котиками). По сути мне пришлось его полностью переписать, поскольку я хотел поменять всю структуру. Читать
Создаём To-do List на Alpine.js

Создаём To-do List на Alpine.js

13-02-2021Alpine.js
Наверное все программисты создавали свой todo-«велисипед», мне же было интересно разобраться насколько сложно сделать его с помощью Альпины. Для затравки, если будет время, можете посмотреть похожие примеры, только сделанные на других js-фреймворках — todomvc.com. Читать
Имитация select с помощью Alpine.js

Имитация select с помощью Alpine.js

09-02-2021Alpine.js
Все верстальщики знают, что тэг SELECT один из самых капризных и плохо поддающихся кастомизации. Разработчики браузеров до сих пор не могут договориться какими css-стилями их можно настраивать, поэтому нам как правило приходится довольствоваться типовым поведением этого элемента с небольшим изменением дизайна. Читать
Релиз шаблона MF 11 (февраль 2021)

Релиз шаблона MF 11 (февраль 2021)

Заказать обновление шаблона или купить его можно будет с 8 февраля. Предыдущая версия шаблона позволила двигаться дальше, поэтому в новой версии появилось много нового и интересного. :-) Читать
Библиотека для анимации Anime.js

Библиотека для анимации Anime.js

WEB-анимация достаточно специфичная область и не каждый разработчик с ней сталкивается. Если не рассматривать создание сложной «мультипликации», то современная анимация на сайтах выполняется с помощью CSS. Возможности здесь большие, поэтому сейчас доступно множество самых разных библиотек, предлагающих готовые css-классы. Читать
Адаптивная сетка на flexbox

Адаптивная сетка на flexbox

22-01-2021Berry CSS
Сделать сетку на flex просто. Намного сложнее добиться её хорошей адаптивности. На сегодняшний день используется несколько разных подходов к этой задаче. Самый распространённый — это использование классов ширины в media-условиях. Здесь мы указываем разную ширину в зависимости от ширины экрана. Читать
Работа с куками в Alpine.js

Работа с куками в Alpine.js

12-01-2021Alpine.js
Работать с куками в Alpine.js в общем-то можно как и с любым другим js-кодом. Вопрос здесь скорее в плоскости того, как мы используем куки и где это можно применить. Я покажу несколько примеров на Alpine.js, где используются куки. Это сообщение «Наш сайт использует куки бла-бла-бла...» и табы с памятью. Читать
Взаимодействие между Alpine-компонентами

Взаимодействие между Alpine-компонентами

06-01-2021Alpine.js
Как мы знаем, все компоненты Alpine работают изолировано. Директива x-data определяет сам компонент и всё «реактивное» взаимодействие происходит в пределах данного блока. Читать
Итоги 2020 года

Итоги 2020 года

31-12-2020Блог
Я не особый фанат подведения итогов перед новым годом, но, просматривая старые посты, даже сам удивился, насколько продуктивным оказался год. Если говорить не об IT, то наверное стоит отметить влияние пандемии — начало года обещало быть достаточно «денежным», но к лету пришлось сильно подтянуть пояса — новых клиентов не было, работы были только со старыми. Наверное из-за этого и появилось время на бытовые дела (стройка), а также запуск новых проектов. Читать