Что нового в DevTools
Улучшенные и новые фичи DevTools Chrome 118
https://developer.chrome.com/blog/new-in-devtools-118/
Улучшенные и новые фичи DevTools Chrome 118
https://developer.chrome.com/blog/new-in-devtools-118/
🔥14👍3❤🔥1🥱1
20 наиболее интересных фич в CSS
Список новых возможностей которые появились или появятся в ближайшем будущем.
https://my-js.org/blog/css-ui-2023/
Список новых возможностей которые появились или появятся в ближайшем будущем.
https://my-js.org/blog/css-ui-2023/
❤18👍2
Что делать, когда бандл нужно «посадить на диету»
Доклад Софьи Гусевой об оптимизации бандлов.
https://www.youtube.com/watch?v=biE-v-yCTpU
Доклад Софьи Гусевой об оптимизации бандлов.
https://www.youtube.com/watch?v=biE-v-yCTpU
YouTube
01. Что делать, когда бандл нужно «посадить на диету» - Софья Гусева
👍15💩12
Шарим своё локальное приложение
Как в VSCode открыть доступ к своей запущенной локальной версии приложения при помощи вкладки Ports.
https://www.youtube.com/watch?v=g0MrDxzTkr8
Как в VSCode открыть доступ к своей запущенной локальной версии приложения при помощи вкладки Ports.
https://www.youtube.com/watch?v=g0MrDxzTkr8
👍16❤🔥5💩3
Используем Driver.js для выделения элементов
Driver.js - легковесная библиотека для реализации функционала онбординга и подсвечивания фич приложения.
https://blog.logrocket.com/using-driver-js-guide-user-focus/
Driver.js - легковесная библиотека для реализации функционала онбординга и подсвечивания фич приложения.
https://blog.logrocket.com/using-driver-js-guide-user-focus/
⚡25👍5❤1
Курс по Nuxt v3 для начинающих
Nuxt - фреймворк для построения фронтенд-приложений на Vue 3
https://www.youtube.com/watch?v=fTPCKnZZ2dk
Nuxt - фреймворк для построения фронтенд-приложений на Vue 3
https://www.youtube.com/watch?v=fTPCKnZZ2dk
YouTube
Nuxt 3 — Course for Beginners
Learn how to use Next 3 in this full tutorial for beginners. Nuxt.js is a progressive JavaScript framework for building user interfaces on the web. Nuxt makes it easy to create server-rendered applications, static websites, and single-page applications.
…
…
👍9🥴2👎1
Привет!
Я написал бота, который собирает лучший контент для разработчиков с habr.ru. Часто там бывают интересные ресурсы по frontend, например:
▫️Рисуем верёвку в формате SVG
▫️Создаем тетрис на Three.js
▫️Почему ваш веб-сайт должен быть меньше 14 КБ
И еще много чего из мира технологий. Заходите в гости, буду рад 😉
@habr_for_dev
Я написал бота, который собирает лучший контент для разработчиков с habr.ru. Часто там бывают интересные ресурсы по frontend, например:
▫️Рисуем верёвку в формате SVG
▫️Создаем тетрис на Three.js
▫️Почему ваш веб-сайт должен быть меньше 14 КБ
И еще много чего из мира технологий. Заходите в гости, буду рад 😉
@habr_for_dev
👍11❤3🔥3😱3
Веб-стандарты - выпуск 389
Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts, LCP, Tailwind
https://web-standards.ru/podcast/389/
Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts, LCP, Tailwind
https://web-standards.ru/podcast/389/
👍15
This media is not supported in your browser
VIEW IN TELEGRAM
Анимируем межстраничные переходы с помощью View Transitions API
Реализации переходов на примере приложения на базе фреймворка Astro.
Демо | Github
https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/
Реализации переходов на примере приложения на базе фреймворка Astro.
Демо | Github
https://tympanus.net/codrops/2023/10/03/animating-multi-page-navigations-with-browser-view-transitions-and-astro/
👍23❤9👏1
Эффективная загрузка рекламы
Как не навредить перфомансу приложения при загрузке рекламного контента.
https://web.dev/loading-ads-page-speed/
Как не навредить перфомансу приложения при загрузке рекламного контента.
https://web.dev/loading-ads-page-speed/
👍7❤3
Знакомство с LangChainJS
LangChainJS библиотека для взаимодействия с большими языковыми моделями. С помощью нее можно построить своего AI чат-бота.
https://blog.logrocket.com/getting-started-langchain-js/
LangChainJS библиотека для взаимодействия с большими языковыми моделями. С помощью нее можно построить своего AI чат-бота.
https://blog.logrocket.com/getting-started-langchain-js/
❤8
CSS Subgrid
Ахмад Шадид рассказывает чем полезен subgrid и как с ним работать.
https://ishadeed.com/article/learn-css-subgrid/
Ахмад Шадид рассказывает чем полезен subgrid и как с ним работать.
https://ishadeed.com/article/learn-css-subgrid/
⚡13❤1👍1
Ограничиваем действие CSS селекторов при помощи директивы scope
https://developer.chrome.com/articles/at-scope/
https://developer.chrome.com/articles/at-scope/
❤🔥17🔥9🤔3🤯3👍2
Front-end. Вопросы на собеседовании
Выпуск 52. Вопросы по базовому HTML и CSS.
https://www.youtube.com/watch?v=ia3VPHMESnY
Выпуск 52. Вопросы по базовому HTML и CSS.
https://www.youtube.com/watch?v=ia3VPHMESnY
YouTube
#52 Front-end. Вопросы на собеседовании
#YauhenK #webDev #HTML #CSS #JS
Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять…
Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять…
❤17👍5🔥1
Перфоманс и мемоизация в React
Способы оптимизировать рендер компонентов, и какую роль при этом играет React memo.
https://tkdodo.eu/blog/the-uphill-battle-of-memoization
Способы оптимизировать рендер компонентов, и какую роль при этом играет React memo.
https://tkdodo.eu/blog/the-uphill-battle-of-memoization
❤8👍2🤮1
В вашем JS приложении возможно есть утечки памяти, о которых вы не знаете
Статья о причинах утечек памяти и как их избежать.
https://blog.stackademic.com/914e64ed07c7
Статья о причинах утечек памяти и как их избежать.
https://blog.stackademic.com/914e64ed07c7
❤10🤮1
This media is not supported in your browser
VIEW IN TELEGRAM
Chrome теперь показывает использование памяти для активных вкладок
https://medium.com/@addyosmani/4f74876538e6
https://medium.com/@addyosmani/4f74876538e6
🔥37👍4😁2👌1
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем векторную анимацию типографики
https://tympanus.net/codrops/2023/01/31/bringing-letters-to-life-coding-a-kinetic-svg-typography-animation/
https://tympanus.net/codrops/2023/01/31/bringing-letters-to-life-coding-a-kinetic-svg-typography-animation/
👍13❤3👎1🤔1🤮1👌1
Хитрости "const"
Разбираем разницу между присвоением и изменением в JS.
https://www.joshwcomeau.com/javascript/the-const-deception/
Разбираем разницу между присвоением и изменением в JS.
https://www.joshwcomeau.com/javascript/the-const-deception/
👍13❤2👎1🤮1
Bun за 1 час
Ознакомительный туториал по Bun: созадние сервера, стриминг файлов, роутинг, плагины.
https://www.youtube.com/watch?v=eTB0UCDnMQo
Ознакомительный туториал по Bun: созадние сервера, стриминг файлов, роутинг, плагины.
https://www.youtube.com/watch?v=eTB0UCDnMQo
👍20💩6🤮2❤1