Если забить на спецификацию HTML и увлечься вложенностью, разметка может начать «прыгать». Вадим Макеев напоминает, почему нужно следить за чистотой разметки.
Читать
Читать
pepelsbey.dev
Jumping HTML tags. Another reason to validate your markup — Vadim Makeev
For most developers, HTML is just an artifact, like a binary file, and it often gets wrong and ugly. Fortunately, browsers are smart enough to handle poor markup. But sometimes, they take our mistakes personally, and tags start jumping around.
📁⚙️ Полное руководство по основам Git
Из-за большого количества команд новичкам бывает сложно освоить Git. В этом руководстве мы расскажем обо всем, что вам нужно знать, чтобы приступить к работе с Git, начиная с создания первого репозитория и заканчивая слиянием веток. Помимо архитектуры Git рассмотрим принципы работы таких команд, как add, checkout, reset, commit, merge, rebase, cherry-pick, pull, push и tag.
🔗 Основной сайт
🔗 Зеркало
Из-за большого количества команд новичкам бывает сложно освоить Git. В этом руководстве мы расскажем обо всем, что вам нужно знать, чтобы приступить к работе с Git, начиная с создания первого репозитория и заканчивая слиянием веток. Помимо архитектуры Git рассмотрим принципы работы таких команд, как add, checkout, reset, commit, merge, rebase, cherry-pick, pull, push и tag.
🔗 Основной сайт
🔗 Зеркало
#news
JetBrains выпустила обновление WebStorm 2023.1
Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах.
Мы знаем, что JetBrains приостановила продажи в России и Белоруссии, все равно интересно узнать, пользуетесь ли вы ее продуктами?
JetBrains выпустила обновление WebStorm 2023.1
Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах.
Мы знаем, что JetBrains приостановила продажи в России и Белоруссии, все равно интересно узнать, пользуетесь ли вы ее продуктами?
Хабр
Вышло обновление WebStorm 2023.1
JetBrains выпустила обновление WebStorm 2023.1. Теперь IDE поддерживает работу с фреймворком Astro, Tailwind CSS и с TypeScript в Vue-шаблонах. Новая версия среды разработки уже доступна на сайте...
color-mix() в любом браузере.Если вы хотите углубиться в анализ и преобразование цветов, обратите внимание на выпущенный недавно CSS Color Parser, который поддерживает функции смешения цветов и рекурсивные функции цвета.
Ну и в заключение узнайте различные юзкейсы
color-mix() и окончательно погрузитесь в новые возможности современного CSS по работе с цветами.Please open Telegram to view this post
VIEW IN TELEGRAM
preset-env.cssdb.org
PostCSS Color Mix Function | CSS Tools
Use the color-mix function in CSS.
В представленном вчера Next.js 13.3 добавлены популярные функции, в том числе по инициативе сообщества:
☑️ File-Based Metadata API: Dynamically generate sitemaps, robots, favicons, and more.
☑️ Dynamic Open Graph Images: Generate OG images using JSX, HTML, and CSS.
☑️ Static Export for App Router: Static / Single-Page Application (SPA) support for Server Components.
☑️ Parallel Routes and Interception: Advanced routing features for the App Router.
https://nextjs.org/blog/next-13-3
☑️ File-Based Metadata API: Dynamically generate sitemaps, robots, favicons, and more.
☑️ Dynamic Open Graph Images: Generate OG images using JSX, HTML, and CSS.
☑️ Static Export for App Router: Static / Single-Page Application (SPA) support for Server Components.
☑️ Parallel Routes and Interception: Advanced routing features for the App Router.
https://nextjs.org/blog/next-13-3
This media is not supported in your browser
VIEW IN TELEGRAM
⚡Перехват маршрутов в Next.js 13.3
Вы можете «перехватить» динамическую навигацию на другую страницу и отобразить вместо нее что-то другое, например предварительный просмотр продукта.
Затем, когда страница обновляется или загружается заново, загружается обычная страница. Подробности и примеры ниже.👇
🧵Читать в Твиттере
🧵Читать в PingThread (если Твиттер не открывается)
Вы можете «перехватить» динамическую навигацию на другую страницу и отобразить вместо нее что-то другое, например предварительный просмотр продукта.
Затем, когда страница обновляется или загружается заново, загружается обычная страница. Подробности и примеры ниже.👇
🧵Читать в Твиттере
🧵Читать в PingThread (если Твиттер не открывается)
Подборка полезных библиотек React-разработчика
Некоторые из них не очень активно поддерживаются, как хотелось бы. Речь про react-beautiful-dnd — вместо нее советуют использовать dnd-kit.
Читать
Некоторые из них не очень активно поддерживаются, как хотелось бы. Речь про react-beautiful-dnd — вместо нее советуют использовать dnd-kit.
Читать
GitHub
GitHub - atlassian/react-beautiful-dnd: Beautiful and accessible drag and drop for lists with React
Beautiful and accessible drag and drop for lists with React - atlassian/react-beautiful-dnd
Blitz.js, особенности TypeScript, дизайнерские решения для библиотеки компонентов, Nuxt 3, Angular 15 и многое другое в плейлисте JetBrains JavaScript Day (ноябрь 2022 года).
📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
JetBrains JavaScript Day 2022
JavaScript Day 2022 is a free online event with talks about and around JavaScript, organized by JetBrains. This event is a great opportunity to learn from community experts, catch up on the latest JavaScript trends, and connect with other like-minded professionals.…
А как вам такой уровень взаимодействия с пользователем? 👇
Please open Telegram to view this post
VIEW IN TELEGRAM
Все любят интерактивные блоги, но детализацию как у Bartosz Ciechanowski редко встретишь.
Посты очень длинные, но внимание к деталям и возможность взаимодействовать с иллюстрациями только подпитывают интерес. Узнайте, как под капотом устроены:
🚴♀️Велосипед
🔉Звук
🕰Механические часы
🗺GPS и многое другое
https://ciechanow.ski/archives/
Посты очень длинные, но внимание к деталям и возможность взаимодействовать с иллюстрациями только подпитывают интерес. Узнайте, как под капотом устроены:
🚴♀️Велосипед
🔉Звук
🕰Механические часы
🗺GPS и многое другое
https://ciechanow.ski/archives/
React, Visualized — простое интерактивное руководство по основным концепциям React.
https://react.gg/visualized
https://react.gg/visualized
react.gg
React, visualized – react.gg
React, Visualized – A gentle introduction to React, but visualized.
Артём Арутюнян, автор менеджера состояния Reatom, рассказывает про главную киллер-фичу redux-saga/rxjs и грядущие изменения в стандарте ECMAScript.
Речь пойдёт об автоматической отмене конкурентных асинхронных цепочек — обязательном свойстве при работе с любым REST API и другими более общими асинхронными последовательными операциями.
Читать
Речь пойдёт об автоматической отмене конкурентных асинхронных цепочек — обязательном свойстве при работе с любым REST API и другими более общими асинхронными последовательными операциями.
Читать
Хабр
Отменить нельзя продолжить
Как описать асинхронную цепочку запросов и не сломать всё? Просто? Не думаю! Я автор менеджера состояния Reatom и сегодня хочу вам рассказать про главную киллер-фичу redux-saga и rxjs и как теперь её...
#news
Представлена htmx 1.9
Библиотека становится все более популярной, поскольку позволяет использовать веб-сокеты, SSE, AJAX, CSS transitions и другие инструменты.
Примеры кода заслуживают отдельного внимания — htmx делает многое возможным, при этом требуется довольно мало инструментов или разметки.
Представлена htmx 1.9
Библиотека становится все более популярной, поскольку позволяет использовать веб-сокеты, SSE, AJAX, CSS transitions и другие инструменты.
Примеры кода заслуживают отдельного внимания — htmx делает многое возможным, при этом требуется довольно мало инструментов или разметки.
🧙 Пишем код как волшебники: 12 горячих клавиш VS Code для продуктивной работы
Вам надоело постоянно тянуться к мышке и прерывать свой поток вдохновения во время программирования? Мы составили список из двенадцати сочетаний клавиш, которые сэкономят ваше время и позволят быстро воплощать свои мысли в код: от перемещения по строчкам до поиска файлов и переключения панелей терминалов. Попрощайтесь с болью в плече и поздоровайтесь с продуктивностью!
🔗 Основной сайт
🔗 Зеркало
Вам надоело постоянно тянуться к мышке и прерывать свой поток вдохновения во время программирования? Мы составили список из двенадцати сочетаний клавиш, которые сэкономят ваше время и позволят быстро воплощать свои мысли в код: от перемещения по строчкам до поиска файлов и переключения панелей терминалов. Попрощайтесь с болью в плече и поздоровайтесь с продуктивностью!
🔗 Основной сайт
🔗 Зеркало