Одно из последних полезных изменений ECMAScript — предложение Temporal. Этим API уже можно воспользоваться при помощи полифила, разработанного командой FullCalendar.
Temporal API вводит новый объект
Temporal.ZonedDateTime
, который точно представляет даты и время в их соответствующих часовых поясах. Это решает проблемы, возникающие при использовании текущего объекта Date
в JavaScript, где даты обрабатываются как простые числа, что приводит к потере семантической информации и несоответствиям в представлении дат в разных часовых поясах.В статье объясняется, как
Temporal.ZonedDateTime
помогает разработчикам более эффективно управлять часовыми поясами, избегать проблем, связанных с переходом на летнее время, и работать с различными календарными системами.👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
🛠️ Rspack 1.0 — сборщик JavaScript на основе Rust
Rspack не просто «еще один сборщик» со своим подходом и терминологией, которую нужно изучать, он гордится тем, что совместим с API и экосистемой webpack, предлагая при этом во много раз большую производительность. Теперь команда считает его готовым к продакшену и призывает вас попробовать свои проекты на основе webpack на нем.
👉 Подробнее
Rspack не просто «еще один сборщик» со своим подходом и терминологией, которую нужно изучать, он гордится тем, что совместим с API и экосистемой webpack, предлагая при этом во много раз большую производительность. Теперь команда считает его готовым к продакшену и призывает вас попробовать свои проекты на основе webpack на нем.
👉 Подробнее
Please open Telegram to view this post
VIEW IN TELEGRAM
Используете ли вы VPN?
Anonymous Poll
14%
Нет, мне лень
20%
Очень редко по особым случаям
37%
Регулярно
19%
Почти не выключаю/каждый день
10%
Посмотреть результаты
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
console.table()
: на заметку фронтенд-разработчику
#javascript #tip by Shripal SoniPlease open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
436. Safari, View Transitions, Chrome AI, Override, blocking=render…
Веб-стандарты
🎙436-й выпуск подкаста «Веб-стандарты»: Алексей Симоненко и Никита Дубко про Safari TP, View Transitions, AI в Chrome, Resource Override, blocking=render, умирающий веб и шрифт с подсветкой кода.
00:01:31 Safari TP 201
00:05:40 Работа над View Transitions
00:09:04 AI в Chrome
00:22:16 Resource Override
00:35:05 Зачем blocking=render
00:57:10 Веб умирает
01:20:28 Шрифт с подсветкой кода
01:33:35 Ответы на вопросы
▶ YouTube | YouTube лайв | Сайт подкаста
#подкасты #новости
00:01:31 Safari TP 201
00:05:40 Работа над View Transitions
00:09:04 AI в Chrome
00:22:16 Resource Override
00:35:05 Зачем blocking=render
00:57:10 Веб умирает
01:20:28 Шрифт с подсветкой кода
01:33:35 Ответы на вопросы
▶ YouTube | YouTube лайв | Сайт подкаста
#подкасты #новости
💡🎨 Источники вдохновения для UI/UX-дизайнеров и фронтендеров: 50 полезных ресурсов
Ищете идеи для своего следующего проекта? Эта подборка поможет вам найти вдохновение и новые подходы к дизайну. Разберем первые десять, а остальные читайте в статье:
• Websitevice – новая, часто обновляемая галерея с широким спектром примеров веб-дизайна. Удобная фильтрация по категориям.
• One Page Love – коллекция высококачественных одностраничных сайтов и лендингов.
• Landingfolio – большая коллекция красивых лендингов, оптимизированных для маркетинга.
• Lapa Ninja – тщательно отобранные примеры веб-дизайна с полными скриншотами страниц.
• Godly – обширная галерея с анимированными превью сайтов, мобильных и десктопных приложений.
• Siteinspire – объемная коллекция лучших веб-дизайнов с удобной сортировкой.
• Maxibestof – огромная подборка примеров, курируемая опытным дизайнером.
• InspoVault – фокусируется на качестве, а не количестве примеров, в основном в минималистичном и креативном стилях.
• Landing Gallery – специализируется на эффектных лендингах.
• SEE + SAW – галерея с динамичными видеопревью сайтов.
Ищете идеи для своего следующего проекта? Эта подборка поможет вам найти вдохновение и новые подходы к дизайну. Разберем первые десять, а остальные читайте в статье:
• Websitevice – новая, часто обновляемая галерея с широким спектром примеров веб-дизайна. Удобная фильтрация по категориям.
• One Page Love – коллекция высококачественных одностраничных сайтов и лендингов.
• Landingfolio – большая коллекция красивых лендингов, оптимизированных для маркетинга.
• Lapa Ninja – тщательно отобранные примеры веб-дизайна с полными скриншотами страниц.
• Godly – обширная галерея с анимированными превью сайтов, мобильных и десктопных приложений.
• Siteinspire – объемная коллекция лучших веб-дизайнов с удобной сортировкой.
• Maxibestof – огромная подборка примеров, курируемая опытным дизайнером.
• InspoVault – фокусируется на качестве, а не количестве примеров, в основном в минималистичном и креативном стилях.
• Landing Gallery – специализируется на эффектных лендингах.
• SEE + SAW – галерея с динамичными видеопревью сайтов.
😀 Платные подписки есть? А если найду?!
💬 А у вас есть? На какие сервисы? Поделитесь в комментариях👇
#холивар
💬 А у вас есть? На какие сервисы? Поделитесь в комментариях👇
#холивар
437. State of CSS, Chrome 128, выбор браузеров iOS, тёмные темы…
Веб-стандарты
🎙437-й выпуск подкаста «Веб-стандарты»: Алексей Симоненко, Андрей Мелихов, Вадим Макеев, Никита Дубко про State of CSS, Chrome 128, выбор браузеров iOS, тёмные темы, Corepack, JPEG XL и прозрачное видео.
00:01:53 State of CSS 2024
00:05:03 Новинки Chrome 128
00:18:21 DevTools в Chrome
00:29:04 Выбор браузеров на iOS
00:40:39 Тёмные темы и компоненты
00:56:11 Corepack уходит из Node.js
01:07:49 JPEG XL в iPhone 16
01:19:32 Прозрачность в видео
01:31:58 Ответы на вопросы
▶ YouTube | Сайт подкаста
#подкасты #новости
00:01:53 State of CSS 2024
00:05:03 Новинки Chrome 128
00:18:21 DevTools в Chrome
00:29:04 Выбор браузеров на iOS
00:40:39 Тёмные темы и компоненты
00:56:11 Corepack уходит из Node.js
01:07:49 JPEG XL в iPhone 16
01:19:32 Прозрачность в видео
01:31:58 Ответы на вопросы
▶ YouTube | Сайт подкаста
#подкасты #новости
🎮 Как реализовать игру 2048 на JavaScript
Ania Kubów продолжает публиковать простые пошаговые руководства по реализации игр на JavaScript с нуля. На этот раз это 2048. Две недели назад она также играла в крестики-нолики.
📺 Смотреть
Ania Kubów продолжает публиковать простые пошаговые руководства по реализации игр на JavaScript с нуля. На этот раз это 2048. Две недели назад она также играла в крестики-нолики.
Please open Telegram to view this post
VIEW IN TELEGRAM
Привет, друзья! 👋
Мы готовим статью о самых странных и уникальных дистрибутивах Linux, и нам нужно ваше мнение! 🤔💬
1️⃣ Какой самый необычный дистрибутив Linux вы когда-либо пробовали? Почему он вас удивил?
2️⃣ Есть ли у вас советы для новичков, которые только начинают работать с Linux? 🐧✨
Поделитесь своими идеями в комментариях! Самые интересные идеи и предложения мы обязательно включим в нашу статью. Спасибо за участие! 🙌
Мы готовим статью о самых странных и уникальных дистрибутивах Linux, и нам нужно ваше мнение! 🤔💬
1️⃣ Какой самый необычный дистрибутив Linux вы когда-либо пробовали? Почему он вас удивил?
2️⃣ Есть ли у вас советы для новичков, которые только начинают работать с Linux? 🐧✨
Поделитесь своими идеями в комментариях! Самые интересные идеи и предложения мы обязательно включим в нашу статью. Спасибо за участие! 🙌
Изучите React 19 и узнайте, как начать использовать библиотеку уже сегодня.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
📄 Начало работы с JavaScript: полное руководство от Cody Lindley, фронтенд-разработчика из Microsoft
Этот гайд сам по себе не является средством для изучения JavaScript. Он скорее рассматривает вопросы, связанные с началом работы (препятствия, предварительные знания и т. д.), а затем указывает на курируемые ресурсы для начала обучения.
Рассматривайте его как пролог или введение в сам процесс обучения, чтобы у вас были необходимые знания и контекст, прежде чем начать изучать JavaScript.
👉 Читать
Этот гайд сам по себе не является средством для изучения JavaScript. Он скорее рассматривает вопросы, связанные с началом работы (препятствия, предварительные знания и т. д.), а затем указывает на курируемые ресурсы для начала обучения.
Рассматривайте его как пролог или введение в сам процесс обучения, чтобы у вас были необходимые знания и контекст, прежде чем начать изучать JavaScript.
👉 Читать
Frontend Masters
A Complete Guide to Beginning with JavaScript
This guide is not itself the means to learn JavaScript. This guide addresses issues around getting started (obstacles, preliminary knowledge, etc.) and then points you to curated resources to start learning.
🍉 Подборка лучших статей «Библиотеки программиста» за август: сохраняй в заметки, чтобы не пропустить #самыйсок
🔧 Proxy в JavaScript и TypeScript: 7 способов использования
💻 15 продвинутых лайфхаков для работы в терминале Linux
🕸 7 HTML-трюков, которые вам нужно знать
📖 ТОП-10 книг по JavaScript для начинающих разработчиков в 2024 году
🏠 5 способов создания DOM-элементов из HTML-строк методами JavaScript
🔧 Компилятор своими руками: краткий гид для начинающих
💪 VS Code на стероидах: 15 полезных расширений для фронтендера
🖼 5 стратегий рендеринга веб-страниц: как выжать максимум из вашего сайта
⚛️🛠 14 React-инструментов, которые упростят вашу жизнь
🤖🛠 ТОП-25 опенсорсных инструментов для вашего ИИ-проекта
🔝 React не нужен: 5 альтернативных фреймворков/библиотек
🎨 ТОП-7 библиотек визуализации данных в 2024 году: обзор и сравнение
🆕📜 Что нового в TypeScript 5.5: 4 ключевых улучшения
🎮📖 Библиотека геймдизайнера: 10 must-read книг 2024 года
🔧 Proxy в JavaScript и TypeScript: 7 способов использования
💻 15 продвинутых лайфхаков для работы в терминале Linux
🕸 7 HTML-трюков, которые вам нужно знать
📖 ТОП-10 книг по JavaScript для начинающих разработчиков в 2024 году
🏠 5 способов создания DOM-элементов из HTML-строк методами JavaScript
🔧 Компилятор своими руками: краткий гид для начинающих
💪 VS Code на стероидах: 15 полезных расширений для фронтендера
🖼 5 стратегий рендеринга веб-страниц: как выжать максимум из вашего сайта
⚛️🛠 14 React-инструментов, которые упростят вашу жизнь
🤖🛠 ТОП-25 опенсорсных инструментов для вашего ИИ-проекта
🔝 React не нужен: 5 альтернативных фреймворков/библиотек
🎨 ТОП-7 библиотек визуализации данных в 2024 году: обзор и сравнение
🆕📜 Что нового в TypeScript 5.5: 4 ключевых улучшения
🎮📖 Библиотека геймдизайнера: 10 must-read книг 2024 года