Думали Телеграм останется в стороне, и ничего не сделает к 1 апреля, но нет, новая анимация при нажатии лайка — прекрасная! Круто придумали, молодцы! Видимо сам Дуров приложил к этому руку 👍
Please open Telegram to view this post
VIEW IN TELEGRAM
Краткое руководство по переезду с Create React App на Vite. В догонку можно прочитать заметки с похвалой Vite, в которых небезызвестный Scott Vandehey отмечает его значительную простоту по сравнению с кошмаром настройки WebPack и Babel.
www.robinwieruch.de
Migrate to Vite from Create React App (CRA)
How to migrate to Vite from Create React App (CRA) with environment variables, testing, SVG, ESLint, TypeScript ...
Топ-10 CSS-свойств аниматора
Доклад 2021 года, но он заслуживает вашего внимания. Юлия Миоцен много лет занимается CSS рисунками и анимациями. За это время у нее образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка. Юлия рассказывает, что в этих свойствах полезного, зачем они нужны и какие возможности они для нас открывают.
📺 Смотреть
Доклад 2021 года, но он заслуживает вашего внимания. Юлия Миоцен много лет занимается CSS рисунками и анимациями. За это время у нее образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка. Юлия рассказывает, что в этих свойствах полезного, зачем они нужны и какие возможности они для нас открывают.
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Юлия Миоцен: Топ-10 CSS-свойств аниматора
Я занимаюсь CSS рисунками и анимациями почти 4 года. За это время у меня образовался топ самых любимых, интересных и полезных CSS-свойств, без которых не обходится ни одна моя демка.
Обсудим, что в этих свойствах классного, зачем они нужны и какие возможности…
Обсудим, что в этих свойствах классного, зачем они нужны и какие возможности…
x_google_ignoreList.Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Пошаговый разбор принципов работы веб-браузера с наглядными иллюстрациями: начинающему фронтендеру на заметку.
Читать
Читать
Хабр
Как работает веб-браузер (с картинками)
Иллюстрация предоставлена Growtika Браузеры стали частью нашей повседневной жизни. Но задумывались ли вы когда-нибудь о том, как они на самом деле работают? Эта статья приоткроет завесу магии,...
Если забить на спецификацию 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 visual exploration of core React concepts