Переменные окружения в JS
Дмитрий Павлутин рассказывает, что за объект process.env и как из окружения сервера передать его в браузер.
https://dmitripavlutin.com/environment-variables-javascript/
Дмитрий Павлутин рассказывает, что за объект process.env и как из окружения сервера передать его в браузер.
https://dmitripavlutin.com/environment-variables-javascript/
👍15
Как работать с OpenAi API в NodeJS
Делаем своего AI помощника в консоли на NodeJS.
https://medium.com/codingthesmartway-com-blog/3f01c1f8d473
Делаем своего AI помощника в консоли на NodeJS.
https://medium.com/codingthesmartway-com-blog/3f01c1f8d473
🔥12👍2
Решаем все проблемы стилизации разметки
Как сделать страницу, которая выглядит отлично на всех устройствах.
https://levelup.gitconnected.com/62349644a71e
Как сделать страницу, которая выглядит отлично на всех устройствах.
https://levelup.gitconnected.com/62349644a71e
👍13👎2🍓2
Как начать работать с git за 10 минут
Простой вводный курс для тех, кто еще не начал
https://youtu.be/f2TurkSBnYQ
Простой вводный курс для тех, кто еще не начал
https://youtu.be/f2TurkSBnYQ
😱9❤🔥4
Создаем CSS разметку в стиле masonry
Туториал, включающий несколько способов создания разметки, один из которых с использованием экспериментальных фич CSS.
https://dev.to/logrocket/creating-css-masonry-style-layouts-50b7
Туториал, включающий несколько способов создания разметки, один из которых с использованием экспериментальных фич CSS.
https://dev.to/logrocket/creating-css-masonry-style-layouts-50b7
👍13👎1
Некоторые кроссбраузерные фичи DevTools, о которых вы могли не знать
https://css-tricks.com/some-cross-browser-devtools-features-you-might-not-know/
https://css-tricks.com/some-cross-browser-devtools-features-you-might-not-know/
👍14
Визуализируем JavaScript: Promises & Async/Await
https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke
https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke
👍13❤1🥱1
Примеры использования Trig.JS
Trig.JS — небольшая библиотека, которая позволяет делать анимации, реагирующие на скролл.
https://idev-games.github.io/Trig-JS-Examples/
Trig.JS — небольшая библиотека, которая позволяет делать анимации, реагирующие на скролл.
https://idev-games.github.io/Trig-JS-Examples/
👍13👎1
Forwarded from Web Stack
В данной статье мы рассмотрим совмещение WebGL‑анимации с прокруткой страницы HTML, используя библиотеку Three.js.
https://habr.com/ru/company/simbirsoft/blog/721912/
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9
Визуализация данных с помощью Unovis
Создаем проект и рисуем графики, чарты и строим графы с библиотекой Unovis.
https://blog.logrocket.com/exploring-data-visualization-unovis/
Создаем проект и рисуем графики, чарты и строим графы с библиотекой Unovis.
https://blog.logrocket.com/exploring-data-visualization-unovis/
🔥8😱2👍1
React 3D анимация на ThreeJS и GSAP
Туториал по анимированию сайта и отображению 3D моделей
https://youtu.be/IyBhFma4H1A
Туториал по анимированию сайта и отображению 3D моделей
https://youtu.be/IyBhFma4H1A
YouTube
React 3D Animation Website Tutorial with ThreeJS (WebGi) & GSAP
Learn how to build a 3D animation in React, using technologies such as WebGi (powered by Three.js) and GSAP. First, we will learn how to find 3D models and display them on your website using WebGi. Then, we'll use React and GSAP to make a 3D animation of…
❤11👍6
Динамические ключи в TS
Дмитрий Павлутин рассказывает, как использовать структуры с динамическими ключами и чем они отличаются от Record.
https://dmitripavlutin.com/typescript-index-signatures/
Дмитрий Павлутин рассказывает, как использовать структуры с динамическими ключами и чем они отличаются от Record.
https://dmitripavlutin.com/typescript-index-signatures/
🔥12👎10👍4
Глубокое погружение в ES-модули
Разбираемся, как работают ES-модули.
https://medium.com/web-standards/71f42c1e851a
Разбираемся, как работают ES-модули.
https://medium.com/web-standards/71f42c1e851a
🔥13👍4❤1⚡1
Эксперимент с новым синтаксисом для создания SVG через CSS
https://yuanchuan.dev/experimenting-a-new-syntax-to-write-svg
Поиграться и поэкспериментировать самому можно тут
https://yuanchuan.dev/experimenting-a-new-syntax-to-write-svg
Поиграться и поэкспериментировать самому можно тут
👍19😱11❤1
Руководство по отзывчивому дизайну в 2023 и далее
О том, почему отзывчивый дизайн это не просто версии для декстопа и мобилки, и какие задачи решать, чтобы сделать приложение действительно отзывчивым.
https://ishadeed.com/article/responsive-design
О том, почему отзывчивый дизайн это не просто версии для декстопа и мобилки, и какие задачи решать, чтобы сделать приложение действительно отзывчивым.
https://ishadeed.com/article/responsive-design
👍13
This media is not supported in your browser
VIEW IN TELEGRAM
Prop drilling в React
Что это такое и как с этим бороться.
https://dev.to/codeofrelevancy/what-is-prop-drilling-in-react-3kol
Что это такое и как с этим бороться.
https://dev.to/codeofrelevancy/what-is-prop-drilling-in-react-3kol
👍16👎3🌭3🤡2
Мое первое расширение для Firefox
Николас Франкель делится опытом создания расширения для автоматического добавления карточек в Trello.
https://dev.to/nfrankel/my-first-firefox-extension-21bf
Николас Франкель делится опытом создания расширения для автоматического добавления карточек в Trello.
https://dev.to/nfrankel/my-first-firefox-extension-21bf
👍11
Глубокое погружение в CSS Grid Minmax
Разбираемся с возможностями функции minmax при работе с гридами.
https://ishadeed.com/article/css-grid-minmax/
Разбираемся с возможностями функции minmax при работе с гридами.
https://ishadeed.com/article/css-grid-minmax/
🔥19❤1
Запускаем Github actions локально
Для отладки и тестирования своего workflow удобно делать это на локальной машине. Показываем, как это сделать с помощью пакета
https://dev.to/ken_mwaura1/run-github-actions-on-your-local-machine-bdm
Для отладки и тестирования своего workflow удобно делать это на локальной машине. Показываем, как это сделать с помощью пакета
act.https://dev.to/ken_mwaura1/run-github-actions-on-your-local-machine-bdm
👍22👎2