В этой статье представлено несколько интересных практик, которые часто не встречаются в руководствах по CSS. Например, анимация раскрытия элементов навигации может быть выполнена путем анимации каждого элемента в отдельности вместо анимации зазора или подложки, что гораздо чище, но может быть менее производительным. Используемый в статье подход к анализу CSS путем добавления контуров ко всем элементам может быть применен к анализу CSS любого сайта. В статье анализируются CSS-выборы, сделанные компанией Threads. подробнее→ https://ishadeed.com/article/threads-app-css-part-2/

🚀 10 репозиториев Github для достижения мастерства в Javascript 🧙‍♂️🪄✨

Эта статья содержит список из 10 репозиториев Github, которые будут полезны разработчикам Javascript любого уровня опыта. https://dev.to/novu/10-github-repositories-to-achieve-javascript-mastery-50hk

👾 Начало работы с Astro Framework

Еще один фреймворк: в быстро меняющемся мире веб-разработки крайне важно оставаться в курсе новейших инструментов и технологий. Одной из таких технологий, получившей в последнее время значительную популярность, является Astro.js. Разработанный для оптимизации и упрощения процесса веб-разработки, Astro.js предлагает инновационный подход к созданию современных веб-сайтов и приложений. https://dev.to/refine/getting-started-with-astro-framework-2f2f

Создавайте пользовательские интерфейсы с более чистым кодом. Альтернатива React, Vue и Svelte

Language: JavaScript

💥Stars: 3400
📝Forks: 91
https://github.com/nuejs/nuejs

🚀 Достигните мастерства NextJS: создайте продающую страницу с помощью Stripe и Airtable 🧙‍♂️🪄✨

https://dev.to/triggerdotdev/achieve-nextjs-mastery-build-a-sales-page-with-stripe-and-airtable-1p5m

Адаптивный макет с CSS FlexBox👨‍💻

Полное руководство по селектору CSS :has()

https://www.lambdatest.com/blog/css-has-selector/

10 современных CSS-макетов с одной строкой

Современная разметка CSS позволяет разработчикам писать содержательные и мощные правила стиля всего несколькими нажатиями клавиш. В следующем посте рассматриваются 10 мощных CSS-макетов, которые выполняют невероятную работу.

https://1linelayouts.glitch.me/

Создайте и разверните сайт электронной коммерции с помощью Next.js, Tailwind CSS, Prisma, Vercel и daisyUI.

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

https://www.freecodecamp.org/news/ecommerce-site-with-next-js-tailwind-daisyui-course

Вы можете создать текстовые поля с автоматическим изменением размера с помощью одной строки CSS

textarea {
form-sizing: content; 👈 Вот и все!
}

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

textarea {
form-sizing: content;
min-height: 2lh;
max-height: 10lh;
}

📱 iOS разработчик?

⚡️ Прими участие в масштабном онлайн-хакатоне MORЕ.Тech 5.0 от ВТБ с призовым фондом 1 100 000 рублей!

🧑‍💻 Трек Mobile + Web:

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

Что тебя ждет:

🔸 С головой погрузишься в интересные задачи;

🔸 Познакомишься с опытными ИТ-экспертами ВТБ;

🔸Прокачаешься в разработке за 3 дня как за месяц.

Помимо главного денежного приза в 1 100 000 рублей, тебя ждет фирменный мерч и подарки!

Если нет своей команды — поможем ее собрать.

Регистрируйся и вступай в чат участников, получи ответы на волнующие вопросы, найди команду или создай свою.

▶️ Регистрация до 10 октября, успевай подать заявку по ссылке

Реклама. ООО "ФИЗТЕХ ДЖЕНЕЗИС". ИНН 7735184156. erid: LjN8K68ev

Анонс бета-версии TypeScript 5.3

Мы рады объявить о доступности бета-версии TypeScript 5.3.

https://devblogs.microsoft.com/typescript/announcing-typescript-5-3-beta

Создайте расширяемый ввод для поиска, используя код HTML и CSS

https://github.com/atherosai/ui/tree/main/search-input-01

Вышел Chrome 118

Правило @scope at-rule позволяет разработчикам распространять правила стилей на заданный корень описания и стилизовать элементы в соответствии с близостью к этому корню.

С помощью @scope можно отменять стили, основанные на близости, что отличается от обычных стилей CSS, которые применяются только на основе порядка и специфики источника. В следующем примере имеется две темы. https://habr.com/ru/articles/766658/

Узнайте, как сделать еще один адаптивный макет! На этот раз с CSS Grid

Будущее CSS: простое переключение цвета в светлом и темном режиме с помощью light-dark()

https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark

Position - CSS

Не бойтесь генераторов JavaScript

В этом руководстве мы узнаем о механике генераторов, их применении и о том, как можно использовать их потенциал. https://medium.com/stackademic/dont-be-afraid-of-javascript-generators-15c998aea652