JavaScript Daily | Frontend
316 subscribers
354 photos
151 links
Всё самое интересное из мира веб-разработки за сегодня.

Для связи - art.diontev@ya.ru
Download Telegram
CSS | Практика #8
#css_practice_easy
CSS | Практика #8

Как выровнять блок #child по-центру?
Anonymous Quiz
15%
text-align: center;
27%
justify-content: center;
8%
align-self: center;
50%
margin: auto;
Как сделать Змейку на чекбоксах и не только

Забавный мини-проект с анимацией из простых чекбоксов. В посте можно найти несколько примеров реализации, ну а поиграться с демками можно тут - https://www.bryanbraun.com/checkboxland/
JavaScript | Практика #74
#js_practice_medium
JavaScript | Практика #74

Что будет на выходе?
Anonymous Quiz
26%
1, 2, 4, 5
19%
4, 5
29%
1, 4, 5
26%
1, 2
Blazor WebAssembly: соединительные линии в SVG

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

Демо - https://alexeyboiko.github.io/BlazorDraggableDemo/
Как создать блок с градиентной обводкой?

Представим ситуацию: перед вами встало сверх задание — нужно сделать на сайте блок с градиентной обводкой. Нужно сразу понимать, что для этого не существует простого и очевидного CSS API. Это значит, что для получения необходимого визуального эффекта нам нужно писать определенные “костыли”. Автор предлагает рассмотреть 2 подхода к решению этой задачи.
Базовые задачи на Promise в JavaScript

Promise - специальный объект, который хранит своё состояние и используется для обработки результатов асинхронных операций.

В статье - основные задачи на Promsie, которые часто спрашивают на собеседованиях.
Использование Google reCAPTCHA v2 и v3 в одной форме

Пост с примерами кода о том, как применить Google капчу: не пропустить робота и оставить в покое пользователя.
JavaScript | Практика #75
#js_practice_medium
JavaScript | Практика #75

Что будет в консоли?
Anonymous Quiz
16%
20, 40, 80, 160
18%
20, 40, 20, 40
29%
20, 20, 20, 40
37%
NaN, NaN, 20, 40
JavaScript | Практика #76
#js_practice_easy
Ещё 6 вещей, которые я узнал, доведя Snowpack до 20000 GitHub-звёзд

Эта статья будет увлекательным чтением для любого, кто интересуется опенсорсным программным обеспечением. А те знания, которые автор вынес из своего опыта, и которыми хочет поделиться, пригодятся тем, кто занимается (или стремится заниматься) поддержкой больших или растущих опенсорсных проектов.
Как написать собственное свойство CSS

Благодаря Paint API из состава Houdini можно не ждать выхода новых возможностей CSS. Шаг за шагом автор этого материала показывает, как написать новое свойство CSS для анимации с фрагментацией.
Лучшие стратегии разработки фронтенда в 2022 году

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

Автор поста постарался построить цепь взаимосвязанных логических аргументов, ориентируясь на которые, вы сможете получить представление о том, как должна быть устроена разработка фронтенда.
HTML | Практика #1
#html_practice_easy
HTML | Практика #1

Элемент текстового абзаца - это тег:
Anonymous Quiz
84%
p
4%
a
0%
div
13%
h1
JavaScript | Практика #77
#js_practice_medium
JavaScript | Практика #77

С помощью какого конструктора мы можем успешно расширить класс Figure?
Anonymous Quiz
20%
1
51%
2
12%
3
17%
4