Code Ready | Frontend

🧐 Крутая статья недавно вышла на Хабре: «Как я собрал кубик Рубика в браузере на чистом Canvas»! В этой статье: • Пошагово показывается создание собственного симулятора кубика Рубика на JS и Canvas;

👩‍💻 Эффект проявления изображения! Через CSS Mask можно создавать интересные эффекты, управляя тем, какие части элемента будут видимы. Как работает: • mask создаёт альфа-маску поверх изображения;

🐱 Наткнулся на очень полезную статью на Хабре: «Мне этот Chrome DevTools теперь абсолютно понятен»! В этой статье: • Подробно разбираются основные инструменты Chrome DevTools — Elements, Console, So

👩‍💻 Анимированная подсветка рамки без JavaScript! Обычные анимации рамки часто выглядят слишком примитивно: у элемента просто меняется цвет или прозрачность всей границы сразу. Но через conic-gradi

👩‍💻 Для удобной работы с .sass-синтаксисом в VS Code! Sass (.sass only) — добавляет полноценную поддержку indented-синтаксиса Sass: подсветку, автодополнение, навигацию и корректное распознавание .

👩‍💻 Стили пишутся прямо в React-компонентах. vscode-styled-components — делает работу со styled-components намного удобнее: появляются подсказки CSS, подсветка цветов, автодополнение свойств и форм

📂 Напоминалка по работе API и прокси! Например, Forward Proxy скрывает клиента и управляет исходящими запросами, Reverse Proxy принимает трафик на стороне сервера и распределяет его между сервисами,

❤️ Web Links — огромная подборка ресурсов по JavaScript и веб-разработке! На сайте собрана большая коллекция полезных ссылок для разработчиков: учебники, документация, статьи, блоги, инструменты, биб

👩‍💻 Нужно быстро обернуть текст или элемент в HTML-тег? Htmltagwrap — позволяет выделить любой фрагмент и за секунду обернуть его в нужный тег: div, span, section и любой другой, без ручного написа

💅 Ravesli JavaScript — курс по основам JS для начинающих! Сайт охватывает как основы языка, так и более продвинутые темы. Здесь разбираются переменные, функции, объекты, массивы, DOM, события, асинх