Зумим элементы как карту с помощью JS
https://itnext.io/javascript-zoom-like-in-maps-for-svg-html-89c0df016d8d
Стилизация — неотъемлемая часть работы над любым веб-приложением.
Как сделать вёрстку корректной и понять, какие инструменты лучше подойдут для нового проекта или рефакторинга уже существующего приложения?
Обсудим это на бесплатном вебинаре «CSS: на чём писать в 2023» вместе с Артуром Стамбульцяном, Frontend Team Lead компании Ton. Разберём технологии PostCSS, Sass, Less, Styled Components, CSS Modules и Tailwind, сравним их друг с другом и выясним, есть ли среди них явный фаворит.
Встречаемся в следующий вторник, 15 ноября, в 19:00 (по Москве).
Регистрируйтесь по ссылке!
Анимируем React приложение с Framer Motion
Короткий курс по анимации на примере приложения со списком.
https://egghead.io/lessons/react-create-micro-interactions-with-framer-motion-gesture-props
Создаём npm пакет, совместимый с CJS, ESM, написанный на TypeScript
Здравствуйте! Меня зовут Евгений, я бакенд разработчик в компании ClickON. Хотелось бы поделиться опытом создания npm пакета, который умеет встраиваться в CommonJS, ESModule проект. Опишем подводные камни, попытаемся сделать универсальный пакет, прикрутим алиасы.
https://habr.com/ru/post/695482
#typescript #npm
Релиз Vuestic UI v1.5
Vuestic UI - библиотека компонентов для Vue. В свежем релизе: новые компоненты, улучшенная доступность, темная тема.
https://github.com/epicmaxco/vuestic-ui
Кстати, можно задать вопросы разработчикам в Дискорд
Конференция для JavaScript-разработчиков HolyJS 2022 Autumn
🌐 10–11 ноября — онлайн
👥 20 ноября — офлайн в Москве
(с возможностью удаленного участия для тех, кто не готов добраться)
Программа конференции полностью готова.
Среди докладов:
✔ Александр Мышов, 2ГИС — «High refresh web»
✔ Виталий Харисов и Владимир Гриненко, Яндекс — «There and back again, или Нужно ли становиться руководителем»
✔ Артём Арутюнян, SimBaze — «Гигантизм Reatom»
Если вам хочется на несколько часов отвлечься и побыть среди единомышленников, то приходите на HolyJS. А промокод frontenddev2022JRGpc
даст скидку 20% на билеты из категории «Для частных лиц».
Подробности и билеты — holyjs.ru
Метапрограммирование с JavaScript Decorators API
Руководство по использованию Decorators API, который достиг 3 стадии (и доступен в babel).
https://2ality.com/2022/10/javascript-decorators.html
Полезные CSS генераторы
Подборка из 10 CSS генераторов, которые немного облегчат верстку.
https://blog.bitsrc.io/the-best-css-generators-for-web-developers-c1f75ab145f6
🚀 FrontEndDev
Что такое рекурсия в JS
Объясняем одну из самых старых концепций программирования с примерами.
https://blog.openreplay.com/explaining-recursion-in-javascript/
Используем background-color для дебага разметки
Один из подходов для отладки расположения элементов, требующий всего нескольких строк CSS.
https://blog.openreplay.com/using-CSS-background-color-to-debug-web-pages/
CSS техники для создания необычных креативных эффектов для текста #css https://css-tricks.com/css-techniques-and-effects-for-knockout-text/
Читать полностью…Демистификация использования памяти в ES6 React классах https://medium.com/dailyjs/demystifying-memory-usage-using-es6-react-classes-d9d904bc4557
Читать полностью…Обновление Firefox 57.0.4 и Chrome 63.0.3239.132 http://www.opennet.ru/opennews/art.shtml?num=47861
Читать полностью…Как Airbnb ставит AMP в основу своей цифровой стратегии https://medium.com/swlh/how-airbnb-is-putting-amp-at-the-core-of-its-digital-strategy-d6b9cf1fc0ad
Читать полностью…8 лучших практик для идеальной CSS документации https://webdesign.tutsplus.com/articles/css-documentation-best-practices--cms-30139
Читать полностью…Введение в Parcel
Статья о том, как начать использовать один из современных сборщиков приложений в своем проекте.
rembertdesigns/getting-started-with-parcel-js-a-web-application-bundler-in-2022-9903d3326bd4" rel="nofollow">https://medium.com/@rembertdesigns/getting-started-with-parcel-js-a-web-application-bundler-in-2022-9903d3326bd4
Клейморфизм на CSS
Простая реализация визуального эффекта для элементов
https://blog.openreplay.com/implementing-claymorphism-with-css/
Feature-Sliced Design: эволюция фронтенда для быстрых экспериментов
Краткое описание Feature-Sliced архитектуры для фронтенд проектов.
https://habr.com/ru/company/inDrive/blog/693768/
Руководство по использованию Material UI AutoComplete в React
https://refine.dev/blog/material-ui-autocomplete-component/
Захват изображения и видео с react-webcam
Туториал по использованию библиотеки react-webcam для упрощения работы с вебкой.
https://blog.openreplay.com/capture-real-time-images-and-videos-with-react-webcam/
Что такое микрофронтенд за 10 минут
Краткое объяснение принципа в подкасте Listen IT.
https://youtu.be/ZQClCNPq7AI?t=128
Как протестировать сайт с помощью Cypress
Введение в end-to-end тестирование с Cypress.
https://javascript.plainenglish.io/testing-your-front-end-code-with-cypress-4a3c64ab89d4
Что нового в Dev Tools
Новые фичи для дебага JS, CSS, оптимизации и сетевых запросов.
https://www.smashingmagazine.com/2022/10/devtools-updates-halloween-edition/
Необычные эффекты для декорации изображений
https://css-tricks.com/fancy-image-decorations-single-element-magic
Друзья, напоминаем, что у нас проходит розыгрыш мерча от DUMP-2018 - футболка с Вовкой-программистом и набор стикеров.
🔥 Успейте зарегистрироваться до 30 марта по ссылке https://goo.gl/forms/i5F42vfEqQZqOnOn1.
🔮 30 марта с помощью random мы определим победителя!
Intel и Microsoft признали, что патчи для Meltdown и Spectre замедляют работу компьютеров https://xakep.ru/2018/01/10/meltdown-spectre-slowdown/
Читать полностью…stimulus — современный JavaScript фреймворк для HTML, который у вас уже имеется https://github.com/stimulusjs/stimulus/
Читать полностью…vue-starter — стартовый шаблон для изоморфных прогрессивных веб-приложений https://github.com/devCrossNet/vue-starter
Читать полностью…Подкаст «Frontend Weekend» #35 – Шокирующая правда о Фронтенд Юности https://soundcloud.com/frontend-weekend/fw-35
Читать полностью…