This media is not supported in your browser
VIEW IN TELEGRAM
Create-react-app: текущее положение и обзор современных альтернатив для фронтенд-разработчика.
Читать
Читать
Сделайте ошибки TypeScript более красивыми и удобочитаемыми в VSCode с помощью Pretty TypeScript Errors.
https://github.com/yoavbls/pretty-ts-errors
https://github.com/yoavbls/pretty-ts-errors
365. Zoom, text-wrap, Cascade Layers, reading-order, перфоманс,…
Веб-стандарты
00:01:39 Zoom уходит из CSS
00:07:57 Text-wrap: balance
00:17:24 Зачем Cascade Layers
00:30:05 Reading-order
00:44:07 Правило перфоманса
00:57:41 Тест-раннер в Node.js
01:11:57 WordPress в браузере
01:21:54 Нейронки в браузере
🔗Слушайте на Ютубе
🔗Ссылки на сайте
Please open Telegram to view this post
VIEW IN TELEGRAM
Руководство с множеством интерактивных примеров работы с причудливыми эффектами режима смешивания CSS.
Читать
Читать
🧒👾Тест-игра на выживание: как джуну протянуть первую рабочую неделю и не потерять работу
Первая неделя на новой работе – это всегда стресс для разработчика. В голове тысяча мыслей, давление зашкаливает, и сердце стучит без остановки. Знаете ли вы, как в такой ситуации не перегореть на старте? Если да, тогда вы легко пройдете нашу мини-игру на выживание про адаптацию джуна в незнакомых условиях. Итак, представьте: желанный оффер уже получен, вас приняли в компанию вашей мечты и сегодня первый рабочий день.
🔗 Основной сайт
🔗 Зеркало
Первая неделя на новой работе – это всегда стресс для разработчика. В голове тысяча мыслей, давление зашкаливает, и сердце стучит без остановки. Знаете ли вы, как в такой ситуации не перегореть на старте? Если да, тогда вы легко пройдете нашу мини-игру на выживание про адаптацию джуна в незнакомых условиях. Итак, представьте: желанный оффер уже получен, вас приняли в компанию вашей мечты и сегодня первый рабочий день.
🔗 Основной сайт
🔗 Зеркало
Рич Харрис о фреймворках, вебе и многом другом: создатель Svelte делится своими мыслями о различных тенденциях во фронтенде.
📺 Смотреть
Please open Telegram to view this post
VIEW IN TELEGRAM
YouTube
Rich Harris on frameworks, the web, and the edge
Watch Rich Harris, Svelte's creator, share insights on frontend trends, the edge, and the web at Vercel's Svelte Meetup hosted by Cockroach Labs in NYC. Build with Vercel today: https://vercel.fyi/trysvelte.
0:00 Introduction
1:25 Your framework is fine…
0:00 Introduction
1:25 Your framework is fine…
Angular v16 уже здесь!👇
➕ Angular Signals in developer preview 🚦
➕ Developer preview of opt-in non-destructive hydration 💧
➕ Improved Standalone APIs 🧍♀️
➕ Tooling enhancements🧰
https://blog.angular.io/angular-v16-is-here-4d7a28ec680d
➕ Angular Signals in developer preview 🚦
➕ Developer preview of opt-in non-destructive hydration 💧
➕ Improved Standalone APIs 🧍♀️
➕ Tooling enhancements
https://blog.angular.io/angular-v16-is-here-4d7a28ec680d
Please open Telegram to view this post
VIEW IN TELEGRAM
Medium
Angular v16 is here!
Six months ago, we reached a significant milestone in Angular’s simplicity and developer experience by graduating the standalone APIs from…
Фронтед-разработчик Илья Туев делится опытом комплексной оптимизации проекта SPA, написанном на Vue 3, с использованием Vuetify для части UI компонентов и Firebase для авторизации.
Читать
Читать
Хабр
Как я сделал SPA в два раза быстрее
Существует огромное множество статей про оптимизацию загрузки веб-сайтов, но часто они обходятся лишь общими советами или абстрактными простыми примерами. В этой статье я хочу поделиться своим опытом...
#news
«Думайте об этом как о потоковой передаче для вашего JavaScript», — говорит команда Qwik, которая, кстати говоря, недавно представила крупный релиз 1.0.
Узнайте, чем вдохновлялись разработчики фреймворка и что нас ждет в новом релизе.
Читать
«Думайте об этом как о потоковой передаче для вашего JavaScript», — говорит команда Qwik, которая, кстати говоря, недавно представила крупный релиз 1.0.
Узнайте, чем вдохновлялись разработчики фреймворка и что нас ждет в новом релизе.
Читать
Builder.io
Qwik Reaches v1.0
With the release of Qwik v1.0, you can confidently deploy Qwik apps to production. Jump into our demos and tutorials to get started on your next Qwik app!
Вышел Nitro 2.4.0, под капотом у которого много полезных фич:
🐇 Rapid development with HMR
😌 Provider agnostic deployments with 15+ built-in presets
💼 Portable and compact output
📁 Directory structure conventions
🤏 Minimal design
🚀 Code-splitting
👕 TypeScript support
💾 Universal storage
💰 Route caching
🐱 Hackable
✨ Auto Imports
https://nitro.unjs.io/
🐇 Rapid development with HMR
😌 Provider agnostic deployments with 15+ built-in presets
💼 Portable and compact output
📁 Directory structure conventions
🤏 Minimal design
🚀 Code-splitting
👕 TypeScript support
💾 Universal storage
💰 Route caching
🐱 Hackable
✨ Auto Imports
https://nitro.unjs.io/
GitHub
Release v2.4.0 · nitrojs/nitro
compare changes
⬆️ How to Upgrade?
If you are directly using Nitro, make sure to recreate lockfile as well in order to receive all UnJS ecosystem updates.
If you are using Nitro via Nuxt, simply us...
⬆️ How to Upgrade?
If you are directly using Nitro, make sure to recreate lockfile as well in order to receive all UnJS ecosystem updates.
If you are using Nitro via Nuxt, simply us...
This media is not supported in your browser
VIEW IN TELEGRAM
Как вам такая валидация?
#новости
WebGPU, Devtools response headers override и First Party Sets: это и многое другое в Chrome 113.
Читать
WebGPU, Devtools response headers override и First Party Sets: это и многое другое в Chrome 113.
Читать
Хабр
Вышел Chrome 113
Эта статья — перевод оригинальной статьи « New in Chrome 113 » Также я веду телеграм канал « Frontend по‑флотски », где рассказываю про интересные вещи из мира разработки интерфейсов....
366. Safari, Chrome DevTools, ES2023, CSS-модули, письма без таблиц…
Веб-стандарты
Подкаст «Веб-стандарты»: Вадим Макеев, Никита Дубко, Алексей Симоненко про Safari TP, Chrome DevTools, ES2023, экспорты в CSS-модулях, письма без таблиц, HDR-градиенты, Node.js 20 и Deno.
00:01:39 Safari TP
00:08:05 Chrome DevTools
00:14:55 Новинки ES2023
00:24:09 Экспорты в CSS-модулях
00:41:41 Письма без таблиц
01:05:13 HDR-градиенты
01:14:03 Node.js 20
01:21:45 Зачем Deno?
01:34:55 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
00:01:39 Safari TP
00:08:05 Chrome DevTools
00:14:55 Новинки ES2023
00:24:09 Экспорты в CSS-модулях
00:41:41 Письма без таблиц
01:05:13 HDR-градиенты
01:14:03 Node.js 20
01:21:45 Зачем Deno?
01:34:55 Ответы на вопросы
🔗 Слушайте на Ютубе
🔗 Ссылки на сайте
Интерактивное анимированное руководство, в котором рассказывается, почему, когда и как рендерится React.
Читать
Читать
ui.dev
The Interactive Guide to Rendering in React
In this interactive guide, we'll explore why, when, and how React renders.
#новости
В новой версии Firefox много нового как для пользователей, так и для разработчиков. Разбираемся, что к чему.
https://www.opennet.ru/opennews/
В новой версии Firefox много нового как для пользователей, так и для разработчиков. Разбираемся, что к чему.
https://www.opennet.ru/opennews/
Улучшайте CSS-код, заимствуя идеи из функций JavaScript
Многие проблемы с макетами сайтов возникают, когда мы не пишем CSS с той же осторожностью, что и при написании функции JavaScript.
В статья рассказано и показано, как мы можем позаимствовать лучшие практики и идеи из написания функций JavaScript для CSS-кода.
Читать
Многие проблемы с макетами сайтов возникают, когда мы не пишем CSS с той же осторожностью, что и при написании функции JavaScript.
В статья рассказано и показано, как мы можем позаимствовать лучшие практики и идеи из написания функций JavaScript для CSS-кода.
Читать
Smashing Magazine
Write Better CSS By Borrowing Ideas From JavaScript Functions — Smashing Magazine
Many problems with website layouts happen when we don’t write CSS with the same care we’d use when writing a JavaScript function. Let’s look at how we can borrow best practices and ideas from writing good JavaScript functions for writing CSS.