@frontend

2022-02-14 18:54:31 #humor Ochish/sharhlash

2022-02-04 18:15:41 Vue 3 как новый стандарт

Vue 3 станет новой версией по умолчанию в понедельник, 7 февраля 2022 года!

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

https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

#en #article #vue #vuejs #vue3 #vuejs3 Ochish/sharhlash

2022-02-03 16:38:11 26 февраля компания Flo проведет онлайн hiring event для Android, iOS и Front-End Web инженеров.

Пройти собеседование, получить job offer и welcome-бонус в размере $5 000 можно всего за несколько часов. 

Для участия приглашаются Senior (6+ лет опыта на схожей позиции), а также Middle+ Mobile инженеры.

Чтобы принять участие вам надо пройти регистрацию:
Android инженеры https://grnh.se/2c18c9313us 
iOS инженеры https://grnh.se/d2cbccaa3us 
Web инженеры https://grnh.se/6cdf77f03us Ochish/sharhlash

2022-01-26 13:01:07 structuredClone(): глубокое копирование объектов в JavaScript

Spreading is a common technique for copying objects in JavaScript:

• Spreading into an Array literal to copy an Array
• Spreading into an Object literal to copy a plain object

Spreading has one significant downside – it creates shallow copies: The top levels are copied, but property values are shared.

structuredClone() is a new function that will soon be supported by most browsers, Node.js and Deno. It creates deep copies of objects. This blog post explains how it works.

https://2ality.com/2022/01/structured-clone.html

#en #article #javascript #object #clone #structuredclone Ochish/sharhlash

2022-01-25 13:01:14 Тёмная сторона CSS: выходим за рамки и взрываем звезды с border-image и градиентами

Как вы думаете, сколько CSS-градиентов нужно, чтобы нарисовать каждую из этих фигур?

Один! Причем его даже не надо дублировать: достаточно указать один раз в одном-единственном свойстве.

https://css-live.ru/tricks/border-image-gradients-sorcery.html

#css #gradient #border-image Ochish/sharhlash

2022-01-18 14:39:23 JavaScript: работа с датой и временем с помощью Temporal

В этой статье мы познакомимся с Temporal, новым API для работы с датой и временем в JS.

Предложение находится на 3 стадии рассмотрения и может подвергнуться некоторым изменениям, так что воздержитесь от его использования в продакшне до официального утверждения (вероятно, это произойдет где-то в конце текущего года).

https://habr.com/ru/company/timeweb/blog/645075/

#article #javascript #date #temporal Ochish/sharhlash

2022-01-10 13:00:31 Как создать круговую диаграмму, используя только CSS

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

Существует множество статей о создании такого компонента, но обычно они основаны либо на SVG, либо на множестве элементов HTML.

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

https://www.freecodecamp.org/news/css-only-pie-chart/
https://codepen.io/t_afif/embed/XWaPXZO?

#article #codepen #css #chart #piechart #animation Ochish/sharhlash

2022-01-01 13:35:40 Наш канал поздравляет вас с Новым годом!
Желаем: зарплату побольше, багов поменьше, заказчиков поадекватней, ТЗ поточнее, проектов поинтересней. Ну и, конечно, здоровья, благополучия и прекрасного настроения! Ochish/sharhlash

2021-12-28 13:00:22 День зимнего солнCSSтояния: новые публикации CSS и приятный сюрприз Safari

21 декабря, самый короткий день в 21-м году 21 века, принес сразу несколько приятных CSS-новостей.

Во-первых, у CSS в очередной раз обновилось официальное определение — уже девятое по счету (можно сказать, «CSS9» ). 

Во-первых, у CSS в очередной раз обновилось официальное определение — уже девятое по счету (можно сказать, «CSS9» ). 

Во-вторых, в этот же день вышли сразу три новых первых публичных черновика.

И кстати, о браузерах: в этот же день вышел Safari TP 137 — экспериментальное превью будущих новинок.

https://css-live.ru/vecssti-s-polej/den-zimnego-solncsstoyaniya-novye-publikacii-css-i-priyatnyj-syurpriz-safari.html

#news #css #has #containerqueries #css2021 #safari #parentselector Ochish/sharhlash

2021-12-26 13:01:00 Получение элемента внутри компонента с помощью Vue querySelector

Используя querySelectorVue, мы можем получить доступ и изменить свойства первого выбранного элемента, создавая в процессе динамические и интерактивные веб-сайты. Мы можем использовать querySelector по разным причинам, включая, помимо прочего:
• Добавить или удалить CSS-стиль выбранного элемента
• Получить или установить значение выбранного элемента ввода
• Получить или установить атрибут выбранного элемента
querySelectorпросто реализовать внутри кода Vue, поэтому его могут использовать разработчики всех уровней, знакомые с Vue. В этом руководстве мы продемонстрируем, как получить элемент в компоненте с помощью  querySelector во Vue, следуя пошаговым инструкциям для получения доступа или изменения свойства этого элемента.

https://blog.logrocket.com/getting-element-component-vue-queryselector/

#en #article #vue #queryselector Ochish/sharhlash