@frontend

2021-11-25 11:01:09 Расширение цепочек when/ else в CSS: первый взгляд

В этой статье мы рассмотрим новые условные правила @whenи @else, включая их некоторые практические применения в таблицах стилей.

https://blog.logrocket.com/extending-css-when-else-chains-first-look/

#en #css #when #else Ochish/sharhlash

2021-11-23 11:03:12 Cut corners with custom shapes

Создаем маску по необходимой форме

https://codepen.io/t_afif/pen/JjyaOKO

#codepen #css #mask Ochish/sharhlash

2021-11-22 11:00:47 Слайдер с необычным фильтр-эффектом

Создаем слайд-шоу с простым, но интересным эффектом при переходе между изображениями

https://tympanus.net/codrops/2021/11/17/slideshow-with-filter-reveal-effect/

#css #javascript #filter #slider #slideshow Ochish/sharhlash

2021-11-19 15:03:15 5 лучших функций JavaScript ES12, которые вы должны использовать сейчас

5 основных функций JavaScript, предлагаемых обновлением ECMAScript 2021

1. Numeric Separators
2. String.prototype.replaceAll
3. Promise.any() and AggregateError
4. Logical Assignment Operators
5. Private Class Methods and Accessors

Подробно рассмотрим 5 основных функций, предлагаемых ECMAScript 2021, чтобы вы могли начать использовать их в своих проектах и ​​улучшить свой опыт работы с JavaScript. Эта статья может пригодиться как новичкам, так и опытным разработчикам.

https://levelup.gitconnected.com/top-5-javascript-es12-features-you-should-start-using-now-b16a8b5353b1

#en #article #javascript #es2021 Ochish/sharhlash

2021-11-19 11:00:37 Color meditation

Медитируем под анимированные элементы с изменением цвета

https://codepen.io/cjgammon/pen/qBXLeJK

#codepen #javascript #canvas Ochish/sharhlash

2021-11-18 15:03:56 Написание чистого кода на JavaScript

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

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

https://blog.bitsrc.io/writing-clean-code-in-javascript-dd584bbe1874

#en #article #javascript Ochish/sharhlash

2021-11-18 11:00:42 3D Globe (Pure canvas)

Генерируем объемный анимированный шар

https://codepen.io/Mamboleoo/pen/rNzYPjq

#codepen #canvas #javascript Ochish/sharhlash

2021-11-17 15:01:33 Деструктуризация массивов и объектов в JavaScript - в чем разница?

The destructuring assignment in JavaScript provides a neat and DRY way to extract values from your arrays and objects.
This article aims to show you exactly how array and object destructuring assignments work in JavaScript.

https://www.freecodecamp.org/news/array-vs-object-destructuring-in-javascript/

#en #article #javascript #destructuring Ochish/sharhlash

2021-11-17 12:14:42 Breathing hexagon

Создаем анимированные фигуры с градиентной заливкой с помощью CSS (SCSS)

https://codepen.io/t_afif/pen/ExvjMPo

#codepen #css #scss #gradient Ochish/sharhlash

2021-11-16 11:02:28 Звёздный рейтинг: решение с использованием SVG

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

• Производительность (без использования картинок)
• Адаптивность под разный размер
• Доступность
• Частичное заполнение звёзд (например, 3.5 или 3.2)
• Легкая поддержка с помощью CSS

В данной статье будет рассмотрен способ реализации с помощью SVG и как он работает в разных сценариях.

https://habr.com/ru/post/588695/

#css #svg #mask #gradient Ochish/sharhlash