Отслеживание положения курсора в CSS

Для того, чтобы создать эффект параллакса, 3D или любой другой, где требуется знать положение курсора на странице, совсем необязательно использоваться JavaScript. Современный CSS вполне может справиться с этой задачей.

В этой статье рассказали, как это сделать:

https://tprg.ru/zWZn

Или всё-таки JavaScript для этого лучше подходит, как считаете?

#фронтенд #css

Как работает reduce() в JavaScript, когда его нужно применять и что с ним делать

Некоторым может показаться, что метод reduce() излишне сложен и вполне достаточно использовать map() и filter(), но это не так! Метод reduce() открывает широкие возможности для функционального программирование и упрощает многие вещи.

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

https://tprg.ru/QtNJ

#javascript

Для тех, кто прочитал сегодняшнюю статью, вопрос не покажется сложным. А вот как ответят остальные — загадка!

Убедительно просим не писать ответ в комментарии.

#викторина

Иллюстрированная шпаргалка по CSS Grid

Делимся с вами полезной шпаргалкой по CSS Grid, которая не только подробная и понятная, но ещё и красивая:

http://bit.do/fPwn4

#css

Было б слово не занятое, а фреймворк найдётся

​Что такое Perceived Performance и зачем её улучшать

Каким бы идеальным не был ваш код, но даже у него есть порог производительности, который он не сможет преодолеть. И вот, когда код уже невозможно сделать более производительным, в дело вступает мнимая производительность — Perceived Performance.

В этой статье вы найдёте подробную информацию о Perceived Performance и несколько рабочих способов её повышения:

https://tprg.ru/uvSh

​33 приема оптимизации JavaScript, которые вы должны знать в 2021 году

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

https://tprg.ru/Rl8v

#javascript

Настройка Grid в CSS с помощью Layoutit

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

https://tprg.ru/KVFd

А как вы работаете с гридом?

#фронтенд #css

Стилизация символов CSS с помощью Background-Clip

Хотите добавить своему сайту яркости и заменить обычный чёрный текст на, например, градиентный? Это легко сделать!

Тут вы узнаете, как просто стилизовать символы или текст с помощью простого свойства в CSS:

https://tprg.ru/H8iE

#css

​Как жили до Kubernetes: сравнение самого популярного оркестратора с другими решениями

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

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

https://tprg.ru/E97p

#devops #kubernetes

​Замеряем JavaScript-код с помощью нанобенчмарков

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

https://tprg.ru/QLjk

#javascript

И закончить нужно вчера

​Что такое кроссбраузерность сайтов и как этого добиться

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

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

https://tprg.ru/D0Ay

Сапёр на TypeScript

С помощью этого руководства вы узнаете, как создать HTML5-игру «Сапёр», используя TypeScript и фреймворк Phaser:

https://tprg.ru/8KG0

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

​Сервис для составления CSS-анимации

С помощью этого сервиса вы без труда сможете создать необходимую вам CSS-анимацию. Выбирайте из готовых пресетов или придумайте свой вариант в удобном меню. А готовый вариант можно сразу скопировать в HTML, React или Vue.

Попробовать можно тут: https://tprg.ru/Xe1y

#фронтенд

Более 1000 вопросов и упражнений на тему DevOps

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

https://tprg.ru/iSrE

#devops

Если змеиный язык вы не знаете, а разбираться в Python хочется — подписывайтесь на канал Zen of Python.

Каждый день там публикуются полезные материалы по Python и связанным с ним технологиям: @zen_of_python

Как гвоздём по стеклу