Forwarded from Доктайп
Фронтенд-новости 44. Дайджест новостей и полезных статей о фронтенде.
🔥 Самое важное
CSS Snapshot 2023. Основная задача — сформировать текущее состояние CSS на 2023 год.
Выражения от контейнеров теперь есть во всех основных браузерных движках.
Документальный фильм про React.
💫 Что нового
У WCAG 2.1 появился перевод на каталонский, а мы напомним, что есть и русский перевод для WCAG 2.0.
Декларативный Shadow DOM в Safari TP 162
[](https://webislife.ru/strokoff/deklarativnyj-shadow-dom/)
Что нового в Lighthouse 10
Firefox 110 (и ещё для разработчиков)
Chrome 111 DevTools
🧬 HTML и CSS
Как с помощью
Как отслеживать изменения в DOM-дереве.
С какими проблема вы столкнётесь при создании фавиконки для тёмной и светлой темы.
Как создать разноцветные полупрозрачные градиентные тени.
Как работает box-sizing.
🏝️ JavaScript
10 ошибок, которых следует избегать при работе с Vue 3.
State of React Native 2023
Рефакторинг компонентов TypeScript React в VS Code.
А что если не использовать системы сборки для JS?
Использование RxDB в качестве базы данных в Node.js.
▶️ Игорь Антонов про протокол
Используйте MutationObserver для обработки узлов DOM, которых еще не существует.
Полное руководство по тайм-аутам в Node.js.
Представьте, что Node.js работает прямо в вашем браузере. Узнайте о веб-контейнерах.
🦭 Общее
Пять способов оптимизации скорости веб-сайта для начинающих и как сделать их правильно — несколько удобных стратегий повышения производительности вашего сайта.
SPA нужен не всегда.
Git Notes: самая крутая и самая нелюбимая функция Git? Знаете ли вы, что вы можете добавлять примечания к коммитам (помимо обычных сообщений коммитов) с помощью git из командной строки?
Последняя бета-версия iOS и iPadOS 16.4 поддерживает API Web Push для веб-приложений на главном экране.
Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.
🔥 Самое важное
CSS Snapshot 2023. Основная задача — сформировать текущее состояние CSS на 2023 год.
Выражения от контейнеров теперь есть во всех основных браузерных движках.
Документальный фильм про React.
💫 Что нового
У WCAG 2.1 появился перевод на каталонский, а мы напомним, что есть и русский перевод для WCAG 2.0.
Декларативный Shadow DOM в Safari TP 162
[](https://webislife.ru/strokoff/deklarativnyj-shadow-dom/)
Что нового в Lighthouse 10
Firefox 110 (и ещё для разработчиков)
Chrome 111 DevTools
🧬 HTML и CSS
Как с помощью
size-adjust, ascent-override, descent-override и line-gap-override уменьшить сдвиг интерфейса. Как отслеживать изменения в DOM-дереве.
С какими проблема вы столкнётесь при создании фавиконки для тёмной и светлой темы.
Как создать разноцветные полупрозрачные градиентные тени.
Как работает box-sizing.
🏝️ JavaScript
10 ошибок, которых следует избегать при работе с Vue 3.
State of React Native 2023
Рефакторинг компонентов TypeScript React в VS Code.
А что если не использовать системы сборки для JS?
Использование RxDB в качестве базы данных в Node.js.
▶️ Игорь Антонов про протокол
node:. История возникновения и как пользоваться.Используйте MutationObserver для обработки узлов DOM, которых еще не существует.
Полное руководство по тайм-аутам в Node.js.
Представьте, что Node.js работает прямо в вашем браузере. Узнайте о веб-контейнерах.
🦭 Общее
Пять способов оптимизации скорости веб-сайта для начинающих и как сделать их правильно — несколько удобных стратегий повышения производительности вашего сайта.
SPA нужен не всегда.
Git Notes: самая крутая и самая нелюбимая функция Git? Знаете ли вы, что вы можете добавлять примечания к коммитам (помимо обычных сообщений коммитов) с помощью git из командной строки?
Последняя бета-версия iOS и iPadOS 16.4 поддерживает API Web Push для веб-приложений на главном экране.
Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.
👍7❤1
Шпаргалка для новичков по CSS-селекторам 🗂️
Селекторы — это шаблоны, которые используются для привязки стилевых свойств к элементам в документе. Вы можете задать стиль для всех элементов или сократить выбор с помощью определённого селектора.
В статье собрали самые популярные и разобрали, как ими пользоваться.
#htmlacademy_статьи
Селекторы — это шаблоны, которые используются для привязки стилевых свойств к элементам в документе. Вы можете задать стиль для всех элементов или сократить выбор с помощью определённого селектора.
В статье собрали самые популярные и разобрали, как ими пользоваться.
#htmlacademy_статьи
👍18🔥6
Фронтендеру, который хочет стать мидлом, нужно уметь работать с данными и выстраивать архитектуру.
Рассмотрим, что нужно знать тем, кто пишет или собирается писать бизнес-логику. А ещё посоветуем, что можно почитать.
Рассмотрим, что нужно знать тем, кто пишет или собирается писать бизнес-логику. А ещё посоветуем, что можно почитать.
👍29🔥5
Forwarded from Доктайп
Фронтенд-новости 45. Дайджест новостей и полезных статей о фронтенде.
🔥 Самое важное
▶️ Может ли ChatGPT писать хороший CSS? Автор видео считает, что да.
Основные команды для работы с Git. Обновили важную инструкцию для всех, кто терпеть не может
💫 Что нового
Safari 16.4 beta
Node.js v19.7.0: npm v9.5.0 и новый анализатор URL-адресов, совместимый с Ada WHATWG
🧬 HTML и CSS
Новое выравнивание по базовой линии с помощью
Фокусные точки и соотношение сторон - интересный способ обрезки изображений с учётом их фокуса.
Вращающаяся галерея с анимацией на основе CSS-прокрутки.
Доступное использование текстовых символов в псевдоэлементах.
А так ли нам нужно обнаружение переноса строки в флексах? Кажется, что очень пригодилось бы.
Пошаговое руководство по созданию доступных каруселей.
(255 255 255) — это наивысшая специфичность. Исследование того, как движки браузеров хранят специфичность и каковы ее ограничения, если таковые имеются. С этим вы вряд ли стокнётесь в реальной работе, но почитать интересно.
Как найти проблемы в CSS с помощью DevTools.
Как работать с выражениями от стилей контейнера.
Типы инпутов. Просто типы инпутов.
🏝️ JavaScript
MutationObserver для обработки узлов DOM, которых ещё не существует.
React-библиотеки на 2023.
Как предотвратить проблемы при использовании асинхронных диспетчеров состояний в React и избежать нарушения UI, анимации и повреждения UX.
Создание простого инструмента командной строки с помощью современного Node.js. Начинаем с нуля, без шаблонов.
Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.
🔥 Самое важное
▶️ Может ли ChatGPT писать хороший CSS? Автор видео считает, что да.
Основные команды для работы с Git. Обновили важную инструкцию для всех, кто терпеть не может
index_release_копия(2)_3_final.html. 💫 Что нового
Safari 16.4 beta
Node.js v19.7.0: npm v9.5.0 и новый анализатор URL-адресов, совместимый с Ada WHATWG
🧬 HTML и CSS
Новое выравнивание по базовой линии с помощью
first и last.Фокусные точки и соотношение сторон - интересный способ обрезки изображений с учётом их фокуса.
Вращающаяся галерея с анимацией на основе CSS-прокрутки.
Доступное использование текстовых символов в псевдоэлементах.
А так ли нам нужно обнаружение переноса строки в флексах? Кажется, что очень пригодилось бы.
Пошаговое руководство по созданию доступных каруселей.
(255 255 255) — это наивысшая специфичность. Исследование того, как движки браузеров хранят специфичность и каковы ее ограничения, если таковые имеются. С этим вы вряд ли стокнётесь в реальной работе, но почитать интересно.
Как найти проблемы в CSS с помощью DevTools.
Как работать с выражениями от стилей контейнера.
Типы инпутов. Просто типы инпутов.
🏝️ JavaScript
MutationObserver для обработки узлов DOM, которых ещё не существует.
React-библиотеки на 2023.
Как предотвратить проблемы при использовании асинхронных диспетчеров состояний в React и избежать нарушения UI, анимации и повреждения UX.
Создание простого инструмента командной строки с помощью современного Node.js. Начинаем с нуля, без шаблонов.
Подпишитесь на @html_blog, чтобы не пропустить следующие выпуски.
👍15
Если вы планируете создавать Single Page Applications — одностраничные приложения — вам нужно изучить Vue, React или Angular.
Vue создан бывшим инженером Google — Эваном Ю. Фреймворк поддерживается сообществом, имеет 197 000 звёзд и 32 300 форков.
Этот фреймворк встречается в четверти вакансий для разработчиков с опытом 1–3 года и в 15% вакансий — с опытом от трёх лет.
Для тех, кто решит изучать Vue самостоятельно, подготовили план обучения. Если вам удобнее сразу получить доступ к отобранным материалам, демонстрационным кейсам и готовым проектам для практики, записывайтесь на курс. До 5 марта действует скидка 30%.
#htmlacademy_обучение
Vue создан бывшим инженером Google — Эваном Ю. Фреймворк поддерживается сообществом, имеет 197 000 звёзд и 32 300 форков.
Этот фреймворк встречается в четверти вакансий для разработчиков с опытом 1–3 года и в 15% вакансий — с опытом от трёх лет.
Для тех, кто решит изучать Vue самостоятельно, подготовили план обучения. Если вам удобнее сразу получить доступ к отобранным материалам, демонстрационным кейсам и готовым проектам для практики, записывайтесь на курс. До 5 марта действует скидка 30%.
#htmlacademy_обучение
👍11🔥5