Логово верстальщика

​​🙌Клонирование объектов JS В этой статье поговорим о глубоком и поверхностном клонировании объекта, посмотрим различные примеры и способы как это можно реализовать, а также разберём отличия, плюсы и минусы данного подхода. Читать...

​​🔒Безопасный CSS, или как писать универсальные стили В этой статье автор рассмотрит примеры универсальных CSS-стилей. Читать...

​​🧑‍💻Почему для проекта стоит прибегать к готовым UI-компонентам В этой статье автор расскажет что такое библиотека компонентов пользовательского интерфейса, и какие преимущества использования готовых компонентов библиотеки. Читать...

​​⁉️ JS-разработчик? А насколько хорошо ты знаешь Vue.js? ✔️ Пройди тест из 20 вопросов и узнай, сможешь ли ты учиться на курсе "Vue.js разработчик" от OTUS. Если правильно ответишь хотя бы на 12 вопросов - сможешь поступить на курс по специальной цене!  ⏰ Время прохождения теста ограничено 30 минут 👉 ПРОЙТИ ТЕСТ 🎫Курс можно приобрести в рассрочку Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8KCAsB

​​📱Фонетический словарь. Пет-проект в полезное приложение В этой статье я расскажу как адаптировать интерфейс под мобильные устройства, и сделать быстрый отклик сервера. Читать...

​​🧑‍💻Почему разработчики любят Bulma? В этой статье, я расскажу о пяти причинах, почему разработчики любят Bulma. Читать...

​​⁉️ Как создавать сайт быстрее? ‼️ С помощью фреймворков Astro и Vue 3! Приглашаем разработчиков на JavaScript и Vue, а также бэкенд-разработчиков на открытый вебинар «Быстрое создание сайтов с помощью Astro и Vue 3» курса «Vue.js-разработчик». ➡️ Расскажем, как комбинировать два фреймворка, чтобы улучшить UX и ускорить разработку. Разберёмся, как использовать Astro для предварительного рендеринга и статической генерации контента, а Vue 3 – для добавления динамических и интерактивных элементов.  🟠Курс «Vue.js-разработчик» можно оплатить в рассрочку. 📢📢 Занятие «Быстрое создание сайтов с помощью Astro и Vue 3» пройдёт 5 октября, в 20:00 МСК. 🟠Бесплатно. 🟠Для регистрации на вебинар необходимо пройти тест. ➡️Зарегистрироваться Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru, erid: LjN8KCAsB

​​🎧Создание музыкального инструмента с помощью Web Audio API В этой статье автор расскажет как создать веб-приложение, которое имеет открытый исходный код. Читать...

​​📁6 простых правил хорошего alt-текста В этой статье мы расскажем о том, как написать хорошее описание фотографий в атрибуте alt. Читать...

​​🧐Подключение Twig шаблонов в WordPress: Как избежать конфликтов В этой статье автор расскажет про шаблонизатор, позволяющий создавать простые и выразительные шаблоны для фронтенда. Читать...

​​🤝Svelte: Знакомство с рунами В этой статье автор расскажет про фреймворк для создания веб-интерфейса, который использует компилятор для превращения декларативного кода компонентов. Читать...

​​😶‍🌫️Tailwind не только для MVP В этой статье я распишу плюсы и минусы Tailwind и как можно минусы превратить в плюсы. Читать...

​​🔍Добавление масштабирования страницы при ширине экрана меньше чем body min-width в браузерах Firefox и Safari В этом туториале я расскажу вам о том, как решить проблему отсутствия масштабирование страницы при ширине экрана меньше чем значение body min-width, в браузерах Firefox и Safari. Читать...

​​😼API для создания рандомных аватаров пользователей В статье рассмотрим простые и доступные API для генерации аватарок на свой сайт. Читать...

​​😉Advanced Custom Fields: Полное руководство В этой статье мы рассмотрим возможности, процесс установки, пользовательский интерфейс, доступные типы полей, правила местонахождения, дополнительные возможности, способы отображения и дополнения плагина ACF, что позволит начинающим пользователям раскрыть его потенциал. Читать...

​​😍Как сделать эффект Parallax с помощью CSS В этой статье мы рассмотрим, в каких ситуациях оправдано использование параллакс-скроллинга, разберем, как реализовать его с помощью CSS, и почему для этого стоит использовать именно CSS, а не JavaScript. Читать...

​​🥎Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 2. Финал В этой статье мы поговорим о создании мини-игры, которую вы сможете использовать для украшения своего веб-сайта или просто оставить в качестве заставки. Читать...

​​👤Архитектура дизайн-системы. Критикуем и предлагаем В этой статье мы рассмотрим как можно сократить производственные расходы, разграничив область работы с дизайн-системой на часть для дизайнеров и не дизайнеров, которые смогут работать с исходными сущностями дизайн-системы, собирать макеты, заменяя при этом низкоквалифицированных дизайнеров. Читать...

​​⚽️Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 1 В этой статье мы поговорим о создании мини-игры, которую вы сможете использовать для украшения своего веб-сайта или просто оставить в качестве заставки. Читать...

​​🤔Интерфейс доступный каждому: практические рекомендации В этой статье мы разберемся как проектировать интерфейсы, с которыми будет удобно взаимодействовать пользователям с особенными потребностями. Читать...