Нейроканал — новый Telegram-канал от Tproger, где мы будем собирать в лучшие материалы по искусственному интеллекту, машинной обучению, нейронным сетям и другим темам из этой области.

Подключайтесь: @neuro_channel

​Топ-5 платформ для веб-хостинга в 2021 году

Сегодня существует множество платформ для хостинга и у каждой свои особенности. В этой статье выбрали пять наиболее популярных платформ и рассказали об их преимуществах:

https://tprg.ru/fc6A

Коллекция цветовых палитр

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

https://tprg.ru/MQV9

Библиотека MoreToggles.css

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

Вот она:

https://tprg.ru/BkaH

#css #фронтенд

​Красивая CSS-анимация за 2 минуты

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

https://youtu.be/S1QBg1gMGeM

#видео

Как на Three.Js сделать анимированный туннель из частиц

С помощью Three.js чего только не делают.

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

https://tprg.ru/WjJD

#javanoscript

Форма для входа в виде собаки

Название странное, но сам проект забавен и симпатичен. Милая собачка проследит, чтобы вы ввели логин для входа, а вот при вводе пароля она закроет глаза, чтобы не подглядывать.

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

https://tprg.ru/P0tA

#codepen

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

При веб-разработке нам часто приходится делать различные неудобные вещи, которые могут мгновенно решаться простым инструментом. В Omatsuri таких инструментов 12! Здесь есть генераторы треугольников, градиентов, оттенков, фейковых данных для тестирования, а также разделитель страниц, компрессор SVG и не только.

Ознакомиться со всеми инструментами можно тут:

https://tprg.ru/fYje

Дорожная карта разработчиков Angular на 2021 год

Детальная дорожная карта, которая поможет вам стать Angular-разработчиком:

https://tprg.ru/UiT9

#angular

​Бэкенд для начинающих на node.js

Отличное видео для начинающих в бэкенд-разработке. Здесь вы узнаете базовые концепции разработки бэкенда, попробуете Node.js и Express:

https://tprg.ru/Swqz

#видео #бэкенд

​Хакаем фиксацию фоновых изображений в CSS

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

В этой статье он рассказал, как избежать нежелательных эффектов в этом случае:

https://tprg.ru/NR9f

#фронтенд #css

Библиотека DropzoneJS

Это простая библиотека без использования сторонних фреймворков и библиотек, которая позволяет вам настроить окно загрузки файлов с помощью drag-and-drop.

Узнать подробнее:

https://tprg.ru/uX5B

#библиотека #javanoscript

​Бесплатные иллюстрации для страницы 404

С помощью готовых картинок и анимаций с сайта error404.fun вы можете сделать недоступность страницы на вашем сайте не такой болезненной и обидной для пользователя.

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

https://error404.fun/

Чашечка Java — Telegram-канал c материалами по Java со всего интернета. А значит и на русском языке, и на английском.

Обновления в версиях языка, инструменты, структуры данных, сложные конструкции языка, связанные с Java технологии и фреймворки – обо всём этом читайте в канале: @a_cup_of_java

Анимированные часы на SVG

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

Ознакомиться подробнее:

https://tprg.ru/AG0B

#codepen

​Недооценённый <dl>

HTML-элемент <dl> представляет собой элемент списка. Возможно, вы даже не слышали о нём или просто забыли за ненадобностью, но на самом деле он может быть очень полезен.

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

https://tprg.ru/Zz43

#html

​Как создать рабочий веб-сайт для ведения блога с использованием чистого HTML, CSS и JS в 2021 году

Это руководство состоит из двух частей. Здесь вы сможете создать на чистых HTML, CSS и JS полноценный блог с фронтендом и бэкендом.

В статьях помимо текста есть ещё видеоверсия, поэтому вы можете выбрать то, что удобнее вам:

Часть 1 — https://tprg.ru/OIFN

Часть 2 — https://tprg.ru/NdWX

#фронтенд #бэкенд

​Интерактивная шпаргалка по CSS-свойству display

Если хотите досконально изучить все возможности свойства display, то эта шпаргалка отлично вам в этом поможет. Кликайте на нужное вам значение свойства и получите подробную информацию по всем его возможностям и особенностям:

https://tprg.ru/Csch

#css

​Управление состоянием в Next.js

Эта статья является учебным пособием по управлению сложными состояниями при использовании Next.js. Речь пойдёт о наиболее частых случаях, поэтому рекомендуем к прочтению:

https://tprg.ru/ikwR

#javanoscript

​Мир CSS трансформаций

С помощью свойства transform можно делать много необычных и привлекательных вещей. И, несмотря на небольшое количество допустимых значений свойства, их комбинация даёт простор для творчества.

В этой статье собраны основные возможности свойства и некоторые приёмы работы с ним:

https://tprg.ru/JLsN

#фронтенд #css