Space globe на Three.js

Красивый CodePen-проект, который показывает возможности Canvas. Здесь автор, используя библиотеку Three.js, создал трёхмерную анимацию движения частиц в космосе.

Осторожно, можно залипнуть:
https://tprg.ru/uHOR

#codepen

Масштабируемое гамбургерное меню

Если не хотите иметь проблем с адаптивностью, то нужно продумать всё заранее. В этом руководстве автор научит вас создавать масштабируемое и адаптивное бургерное меню:

https://tprg.ru/8FPW

#фронтенд #css #html

​Быстрый способ настройки Tailwind в React

Tailwind создан для упрощения создания и использования CSS-стилей, а React в разы облегчает работу с JS. Так давайте объединим их!

В этой статье автор рассказал и показал, как настроить Tailwind в React для ещё более быстрого и удобного создания компонентов:

https://tprg.ru/wBGN

#css #react #tailwind

​Создайте свою собственную React-подобную библиотеку с нуля

Если хотите разобраться в том, как работает React на уровне внутренних процессов, то можете попытаться изучить исходный код библиотеки.

Либо прочитать эту статью, где автор создаёт похожую на React библиотеку и показывает, как работают те или иные процессы:

https://tprg.ru/P9Ba

#react

​JavaScript каждый раз при использовании this:

Топ-7 сервисов для веб-скрапинга данных

Скраппинг — это извлечение данных с сайта для последующего их использования в различных целях.

В этой статье вы узнаете о нескольких сервисах веб-скрапинга, которые позволяют делать это удобно:

https://tprg.ru/LrnS

А как вы относитесь к веб-скрапингу?

Удобное создание и проверка форм на Vue

На многих сайтах так или иначе присутствуют различные формы. Если вам тоже предстоит создать такую форму, то обратите внимание на Vue Formulate. Этот инструмент позволяет разработчикам быстро и без труда создавать формы различной сложности.

Подробности в статье:

https://tprg.ru/frW9

#фронтенд #vue

​Пользовательские CSS-переменные, инверсия светлоты цветов и создание тёмной темы за 5 минут

Вот, предположим, сделали вы сайт, а тёмную тему оставили на потом. Пользователи, предпочитающие тёмные темы будут либо страдать, пользуясь вашим сайтом, либо использовать различные расширения, которые принудительно добавляют тёмную тему сайту, часто криво.

Чтобы этого избежать можно воспользоваться способом, который позволит сделать тёмную версию всего за несколько минут. Результат будет не идеальным, но лучше, чем ничего.

Подробнее об этом в статье:

https://tprg.ru/436T

#css

​​Подборка инструментов fullstack-разработчика, работающего в стартапе Кремниевой долины

Разработчик с большим опытом работы поделился тем, какие инструменты он использует во время разработки на .NET C#, JS React и MS SQL. Посмотрите, возможно тут есть то, чего вам как раз не хватало:

https://tprg.ru/dHNw

Вы тоже можете поделиться своими любимыми инструментами в комментариях!

И с таким же выражением лица этот человек передавал задачи

«Реакт — хлам, и я вам это докажу!»

Принято считать, что фреймворки облегчают разработку. Но не все разделяют это мнение.

Вот и автор статьи считает иначе, а чтобы доказать это поделился своими соображениями на счёт плюсов, которые обычно приписывают им, на примере React:

https://tprg.ru/zrFt

А вам есть, что возразить на это?

#react #javascript

Проблемы с переполнением в CSS

Иногда, при различных обстоятельствах на сайте может появиться горизонтальная полоса прокрутки. И, если вы этого не планировали, это проблема.

Причины возникновения этой проблемы и пути её решения рассмотрели в этой статье:

https://tprg.ru/y3Mj

#фронтенд #css

​5 полезных инструментов и библиотек для тестирования приложений Vue.js

Vue продолжает развиваться и набирать популярность. Сегодня это один из самых популярных JavaScript-фреймворков, и вместе с популярностью растёт количество инструментов для него.

В этой подборке представлены 5 инструментов и библиотек, которые помогут вам провести правильные и необходимые тесты кода для устранения максимального количества проблем:

https://tprg.ru/7kU3

#vue

Вышел Bootstrap 5. Рассказываем главное о новой версии

Популярный фреймворк Bootstrap получил большое обновление, которое привнесло новые возможности, а также исправило некоторые существующие проблемы.

В первую очередь стоит сказать об изменившемся логотипе, который они сами в шутку называют самых главным нововведением.

Какие ещё изменения возникли — читайте в статье:

https://tprg.ru/qHCM

#bootstrap #фронтенд

Не хватает только хэштега слева от номера

На этот раз мы предлагаем вам проверить свои знания о всплытии в JavaScript. Как думаете, что будет выведено в консоль при выполнении этого кода?

Не пишите ответ или подсказки в комментарии, пожалуйста!

#викторина

​Мнение: почему не стоит использовать Webpack

Многие приложения сейчас используют Webpack, ведь в своё время он затмил и вытеснил такие инструменты, как Gulp или Grunt. Но, возможно, ему уже пора на покой?

В этой статье автор привёл несколько причин почему стоит отказаться от использования Webpack в качестве сборщика и упаковщика:

https://tprg.ru/FQaZ

#webpack

​Создание ярких умных теней

Умные тени — это интересный способ реализации теней, которые сами заимствуют цвета у изображения слоем выше. Посмотрите, как можно создавать такие тени:

https://tprg.ru/i9fp

#видео #css #фронтенд

​История фронтенда. JavaScript как отражение новой эпохи

Недавно мы публиковали первое видео из серии роликов про историю фронтенда. На днях появилось второе видео.

На этот раз нам расскажут про процесс зарождения и развития языка JavaScript.

Спойлер: было всё далеко не гладко.

https://tprg.ru/b9VH

#видео