​Меньше абсолютного позиционирования в современном CSS

Сегодня до сих пор достаточно часто используется абсолютное позиционирование при размещении некоторых элементов. Но CSS сегодня обладает множеством новых возможностей, которые позволяют зачастую обойтись без position: absolute.

Ахмад Шадид поделился альтернативными способами позиционирования для различных ситуаций:

https://tprg.ru/3FSf

#css

​20 полезных однострочников на JavaScript

Подборка однострочников для самых разных задач. От значений cookie до прокрутки страницы:

https://tprg.ru/yswn

#javascript

Сложный градиент с эффектом зернистости просто

Использование «шума» в некоторых случаях помогает сделать изображение более выразительным. В этом руководстве вы узнаёте всё, что нужно для добавления градиенту эффекта зерна:

https://tprg.ru/Olq5

#css

​Организация таблиц стилей

Если работаете над более-менее объёмным проектом, то файл со стилями может стать слишком объёмным и сложным для прочтения. В этой статье рассказали, как можно организовать CSS-стили, чтобы с ними было удобно работать:

https://tprg.ru/HLJq

#css

​Создание компонента с разделённой кнопкой

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

По ссылке также доступна видеоверсия руководства:

https://tprg.ru/pAfC

​Да кто такой этот ваш DevOps?!

https://t.me/ithumor/6315

​Создание красивых теней в CSS

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

https://tprg.ru/x94a

#css

Слайдер с пингвином

Забавный codepen-проект, где слайдер выполнен в виде перекатывающегося пингвина. Интересной особенностью проекта является использования браузерных префиксов для стилизации.

Подробнее:

https://tprg.ru/3pG0

#codepen

​Тетрис на JavaScript

Подробное руководство по созданию тетриса на JavaScript с разбором современных возможностей языка:

https://tprg.ru/7j98

#javascript #gamedev

Я что-то нажал и всё сломалось

Переход от сплошного текста к вырезанному при скролле

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

https://tprg.ru/F812

#фронтенд #css

​Библиотека PrimeVUE

Библиотека PrimeVUE предлагает вашему вниманию огромное количество готовых компонентов с поддержкой Vue 3. Более 80 компонентов, различные темы и шаблоны доступны бесплатно.

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

https://tprg.ru/lFvK

#vue #фронтенд

Основные тенденции развития Node.js в 2021 году

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

Как будет развиваться язык и какие возможности получит? Об этом в статье:

https://tprg.ru/DdHW

#node

​Как добавить сочетания клавиш в ваше приложение React

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

https://tprg.ru/GIsA

#react #фронтенд

Пообколются своими вакцинами и потом в бэкенд уходят

Паттерны для работы с API

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

https://tprg.ru/tTx9

​10 лучших способов ускорить процесс разработки на Node.js

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

Но работая над проектом Node.js, вы должны быть готовы встретить некоторые трудности. Иногда процесс разработки идет просто медленно, и кажется, что ничто не может ему помочь. Эта статья поможет вам избавиться от такого мнения и расскажет несколько способов, как ускорить разработку на Node.js:

https://tprg.ru/XNS2

#node

Полезные инструменты в веб-разработке на Vue.js

Информация пригодится для Vue-разработчиков. Здесь собраны различные инструменты, которые помогают сделать Vue ещё удобнее и полезнее:

https://tprg.ru/BZ5s

#фронтенд #vue

​Распространенные алгоритмы и структуры данных в JavaScript

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

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

https://tprg.ru/DNKX

#javascript

​17 крутых сайтов для веб-разработчиков

В этой подборке вы найдёте для себя полезные веб-сайты, которые пригодятся вам во время разработки. Здесь и встраиваемые виджеты для Notion, и быстрое создание макетов, и многое другое:

https://tprg.ru/bIBe