​22 CSS-секрета, которые сделают вас макетным ниндзя

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

https://tprg.ru/p5fW

#css

Как создавать диаграммы CSS с интересными фигурами, символами и эмодзи

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

Подробнее:

https://tprg.ru/g2q1

#css

Доппельгангеры захватывают рынок

Gurufy для изучения React и его экосистемы

Отличный ресурс для изучения React и сопутствующих технологий, где наглядно и понятно объясняются все аспекты, а также есть материалы для практики.

Здесь вы найдёте информацию как о самом React, так и о Redux, Router, Jest и даже TypeScript:

https://tprg.ru/v9af

​Инструменты разработчика для проектировщика

Кто-то может подумать, что проектировщику не нужны инструменты разработчика, ведь ему не надо заниматься отладкой кода и прочим подобным. Но на самом деле хороший проектировщик не только продумывает структуру и особенности сайта, но и доводит их до ума, а для этого необходимо обладать хотя бы знаниями HTML и CSS, чтобы самостоятельно довести проект до идеала и уже передать верстальщику все необходимые правки.

Подробнее об инструментах, необходимых проектировщику читайте в нашей статье:

https://tprg.ru/Al1R

​Сравнение Kotlin и Java при написания backend-приложений

Бэкенд-разработчик со стажем долгое время работал с Java, но однажды ему пришлось попробовать Kotlin. В этой статье он сравнил два языка, а также рассказал об основных преимуществах Kotlin над Java:

https://tprg.ru/IC0p

#бэкенд #java #kotlin

Создание простого веб-сервера с помощью Node.js и Express

Научились верстать страницы? Круто! Но пора двигаться дальше. Для того, чтобы создать полноценный сайт необходимо создать и настроить сервер. В этом может помочь популярная связка Node.js и Express.

Эта статья познакомит вас с этими инструментами и научит создавать простой веб-сервер:

https://tprg.ru/a3FE

​Работающий секундомер на чистом CSS

Дизайн и исполнение конечно здесь заслуживают внимания, но самая изюминка в том, что секундомер работает без применения JavaScript.

Посмотрите сами:

https://tprg.ru/oCf5

#codepen

WordPress выпустил более быструю версию блочного редактора Gutenberg

4 августа вышла новая версия редактора Gutenberg, где помимо исправления множество багов появились новые возможности настройки блоков, а также был исправлен код, который мог привести к смещению макета веб-страниц.

Подробнее обо всех изменениях можно прочитать в блоге компании:

https://tprg.ru/M7ja

#wordpress

Ucoz наше всё!

​Разрушение монолита

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

https://tprg.ru/sbgW

6 хороших практик по HTML и CSS

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

Вот, кстати, статья с ними:

https://tprg.ru/Ydg6

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

​Вы в идеале изучили какой-то язык программирования и думаете, что теперь вас возьмут на работу куда угодно?

А что насчёт софт скиллов? Для работы в команде нужно уметь общаться, делегировать, быть стрессоустойчивым и знать, как не выгореть за полгода.

У нас появился новый Telegram-канал Soft Skillz, который подойдёт не только айтишникам, но и всем, кто хочет быть продуктивным и эффективным: @soft_skillz

​Адаптивная вёрстка сайта с объяснением действий

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

https://tprg.ru/yoQ7

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

Два сына веб-разработки — один умный, другой красивый

​Реализация восстановления прокрутки в приложениях React для электронной коммерции

Знаете эту раздражающую особенность некоторых интернет-магазинов, когда при возврате к списку товаров после просмотра определённой позиции страница открывается с самого начала и вам нужно заново листать до места, где вы остановились?

Эту проблему можно решить, научив сайт автоматически возвращаться к месту вашей остановки. Как это сделать на React читайте в статье:

https://tprg.ru/rzj1

#react

DevTools Tips

На сайте devtoolstips.org собраны самые разные советы, лайфхаки, интересные возможности девтулзов различных браузеров и многое другое. Автор проекта самостоятельно собирает всю полезную информацию и размещает её на сайте:

https://tprg.ru/J0c2

​GitHub выпустила облачный Visual Studio Code, который работает в браузере

Называется он Codespaces и обладает всё теми же особенностями, что и обычный VS Code: редактор, терминал, расширения, GitHub Copilot и так далее. При этом работать в нём можно с любого устройства.

Подробнее рассказали в нашей статье:

https://tprg.ru/vXgz

​14 советов по оптимизации кода JavaScript для фронтенд-разработчиков

В этой статье собраны советы и рекомендации по повышению производительности вашего JavaScript-кода и ускорению загрузки сайта:

https://tprg.ru/FSWn

#фронтенд #javascript

Отображение дополнительного содержимого при прокрутке

В этом проекте реализована интересная фича для сайта. На странице отображается только часть контента, а остальной появляется по мере прокручивания страницы.

Посмотрите, как это реализовано:

https://tprg.ru/6itF

#codepen