Анонс TypeScript 5.2

мы рады объявить о выпуске TypeScript 5.2! https://devblogs.microsoft.com/typescript/announcing-typescript-5-2/

.avatar {
animation: scale-down;
animation-timeline: scroll();
animation-range: var(--header-range);
}

@ keyframes scale-down {
to {
scale: 0.3;
}
}

https://codepen.io/jh3y/pen/YzdyjrG

Наборы JavaScript станут намного полезнее благодаря этим семи новым методам:

.difference()
.intersection()
.symmetricDifference()
.union()
.isSubsetOf()
.isSupersetOf()
.isDisjointFrom()

CSS Glitch Effect

Никакого JavaScript не требовалось,

2 строки CSS для создания swipe анимации ✨

15 ужасных советов для веб-разработчиков

Я отлично умею давать плохие советы и придумал 15 советов, которые могут вызвать разочарование и зря потратить время. https://fadamakis.com/15-terrible-advice-for-web-developers-e821e95f5d18

Все методы работы с массивами Javascript, которые вам нужно знать!

[🟣🟡🟣🟡].map(🟣,🟥) => 🟥🟥🟥🟥

[🟡🟣🟥🟡].filter(🟡) => 🟡🟡🟡

[🟥🟥🟡🟡].find(🟡) => 🟡

[🟥🟥🟥🟣].findIndex(🟣) => 3

[🟡🟡🟡🟡].fill(1,🟥) => 🟡🟥🟥🟥

[🟥🟡🟡🟥].some(🟡) => True

[🟣🟡🟡🟥].every(🟣) => False

[🟡🟣🟣🟣].reduce((🟣,🟠)=>🟣+🟠, 0) => 🟡🟡🟡🟡

[🟣🟣🟡🟡].includes(🟣) => True

[🟡🟡🟥🟣].indexOf(🟥) => 2

[🟡🟥🟥🟡].lastIndexOf(🟥) => 2

[🟥🟡🟡🟥].sort() => 🟡🟡🟥🟥

[🟣🟣🟡🟥].reverse() => 🟥🟡🟣🟣

[🟣, 🟡].concat([🟠, 🟠]) => 🟣🟡🟠🟠

[🟡🟡🟡🟡].slice(1,3) => 🟡🟡

[🟣🟣🟡🟡].splice(1,2,🟥🟥) => 🟣🟥🟥🟡

[🟡🟡🟣🟡].join(' - ') => 🟡 - 🟡 - 🟣 - 🟡

[🟡🟡🟣🟣].pop() => 🟣 [🟡🟡🟣]

[🟣🟡🟣🟡].shift() => 🟣 [🟡🟣🟡]

[🟡🟡🟣].push(🟥) => 🟡🟡🟣🟥

[🟣🟡🟡].unshift(🟥) => 🟥🟣🟡🟡

[🟣🟡🟣🟥].copyWithin(2, 0, 2) => 🟣🟡🟣🟡

[🟣🟣🟥🟥].fill(🟩, 2) => 🟣🟣🟩🟩

[🟣, 🟥, 🟩].concat([🟡, 🟡]) => 🟣🟥🟩🟡🟡

🔥Знаете ли вы, что в CSS есть модуль Turn?

css-loaders.com: Самая большая коллекция анимаций загрузки (более 500 🤯)

https://dev.to/afif/css-loaderscom-the-biggest-collection-of-loading-animations-more-than-500--23jg

Представляем Astro 3.0

https://astro.build/blog/astro-3/

Как создать онлайн-конвертер изображений в PDF с помощью HTML, CSS, JS и NodeJS

Онлайн-конвертер изображений в PDF — это веб-сайт, который помогает конвертировать изображения в PDF-файлы. Этот инструмент полезен, поскольку обеспечивает эффективный способ хранения изображений.

В этом уроке вы узнаете, как создать онлайн-конвертер изображений в PDF с помощью HTML, CSS, JavaScript и NodeJS. https://www.freecodecamp.org/news/build-an-online-image-to-pdf-converter-with-html-css-js-nodejs/

Кэширование в Next.js 13

https://nextjs.org/docs/app/api-reference/functions/server-actions#convention

Почему два похожих объекта не равны в JavaScript?

В JavaScript два объекта могут быть не равны, даже если они кажутся похожими. Почему это так? 🤔 Давайте разбираться почему. https://www.freecodecamp.org/news/why-are-two-similar-objects-not-equal-in-javascript/

Представляем freeCodeCamp Press — бесплатные книги для разработчиков

Сообщество freeCodeCamp за годы опубликовало более 10 000 руководств. Но в последнее время мы сосредоточились на создании еще более объемных ресурсов для изучения математики, программирования и информатики.

Вот почему мы создали freeCodeCamp Press — подразделение freeCodeCamp, где мы публикуем полноформатные книги и справочники — все они доступны каждому бесплатно. https://www.freecodecamp.org/news/freecodecamp-press-books-handbooks/

Как HTML и CSS влияют на доступность.

Многие разработчики думают, что доступность реализуется только с помощью aria-атрибутов. Если их не добавить, то всё, доступности нет. Конечно, aria-атрибуты нужны, но HTML и CSS такая же важная часть процесса создания доступных интерфейсов. Эти технологии непросто несут в себе кучу скрытых моментов, влияющих на доступность. Они напрямую позволяют её улучшить. В статье хочу показать это.

Я затрону не все аспекты. Их очень много, поэтому поговорю о: интерактивных элементах, доступности текста, анимации и изображениях. В статье буду использовать опыт моего незрячего знакомого (привет, Илья). Он внёс бесценный вклад. Уверен, что вам будет интересно.

Поехали!

Читать дальше →https://habr.com/ru/companies/ruvds/articles/757490

Несколько простых и удивительных трюков с JavaScript

В этой статье я покажу несколько простых и удивительных приемов JavaScript, которые вы можете использовать для улучшения своего кода. https://javascript.plainenglish.io/some-simple-and-amazing-javascript-tricks-292e1962b1f6

Ничего, кроме чистого CSS.

https://github.com/adusrk/starry/tree/main/starrybackground

Сила искусственного интеллекта: почему веб-разработчики по-прежнему властвуют

Сегодня ИИ — модное слово. Многие компании-разработчики программного обеспечения используют его во время разработки, но все говорят одно и то же. ИИ не может заменить разработчиков, давайте разберемся, почему. https://dzone.com/articles/the-power-of-ai-why-web-developers-still-reign-sup

💬 Создание чата в реальном времени с помощью Websockets, Novel и Clerk 🚀🚀

На повестке дня 🔥:

Создавайте учетные записи и отправляйте сообщения в режиме реального времени, используя React.js, Node.js и Websockets.
Создайте аутентификацию с помощью Clerk.
Добавьте редактор форматированного текста для чата с Novel. https://dev.to/novu/building-a-real-time-chat-with-websockets-novel-and-clerk-40ac

Bun — это быстрый универсальный набор инструментов для запуска, сборки, тестирования и отладки JavaScript и TypeScript — от одного файла до полнофункционального приложения. Сегодня Bun стабилен и готов к производству. https://bun.sh/blog/bun-v1.0