📹 В своей фронтендерской работе вы наверняка сталкивались с добавлением видео с YouTube, демо с CodePen или содержимого PDF на страницы сайта/блога.
☑️ Это может быть полезно, когда нужно дать пользователю быстро что-то сделать с iframe, но зачастую он ничего с этим iframe не делает, а трафик на загрузку содержимого уже улетел (может повлиять на скорость загрузки самого сайта и UX).
🔥 Adrian Roselli делится кейсами встраивания любых iframe экономно для трафика пользователей и демонстрирует готовые примеры HTML для YouTube (с использованием youtube-nocookie.com), CodePen и PDF, а также код веб-компонента youtube-embed, который можно доработать под себя.
☑️ Это может быть полезно, когда нужно дать пользователю быстро что-то сделать с iframe, но зачастую он ничего с этим iframe не делает, а трафик на загрузку содержимого уже улетел (может повлиять на скорость загрузки самого сайта и UX).
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Как вы обычно отдыхаете?
Anonymous Poll
21%
У самурая нет отдыха, только хардкор
11%
Делаю что-то своими руками
42%
Лежу, туплю и расслабляюсь
3%
Хожу на массаж
17%
Занимаюсь йогой/спортом
26%
Гуляю на свежем воздухе
5%
Хожу в походы (активный отдых)
52%
Читаю книги/играю в игры/смотрю кино или сериалы
14%
Пилю пет-проект
2%
Свой вариант (напишу в комментариях)
🤯 Про нашумевший тред парня, который нашел жену из 5239 девушек с помощью ChatGPT, слышно из каждого утюга. Поэтому интересна уже не сама история, а то, как люди на нее реагируют. А люди обычно разбираются, правда это или хайп, а также делают мемы.
🤦 Так вот, здесь айтишник с технической точки зрения оценил этот самый тред. Спойлер: либо парень гений, либо врёт.
Ну а мемы прикрепили к посту 😉
#назлобудня
🤦 Так вот, здесь айтишник с технической точки зрения оценил этот самый тред. Спойлер: либо парень гений, либо врёт.
Ну а мемы прикрепили к посту 😉
#назлобудня
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡️Подборка плейлистов с профессиональной конференции для JavaScript-разрабов HolyJS:
🌐 HolyJS 2023 Spring
🌐 HolyJS 2023 Spring: Backend
🌐 HolyJS 2023 Spring: архитектура
#чтопроисходит
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
::marker
➡️ Поиграть можно здесь
#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
The latest front-end technology trends.pdf
1.1 MB
📈 Последние тренды во фронтенде в 2024 году
Мнение автора не является истиной в последней инстанции, но над этими пунктами однозначно стоит задуматься и, быть может, изменить свой вектор развития:
1️⃣ Анти-TypeScript: разработчик Ruby Давид Хейнемейер Ханссон отлично написал об этом. Тут и добавить нечего.
2️⃣ Vue & React: фреймворк и библиотека, которые остаются ведущими в индустрии фронтенда.
3️⃣ Webpack & Vite: хотя Vite предлагает более быструю сборку по сравнению с Webpack, Webpack все еще обладает достаточным функционалом, чтобы оставаться актуальным.
4️⃣ Turbopack — новый преемник Webpack на основе Rust.
5️⃣ Rust — хайпанул во фронтенде после того, как объявили о миграции Vite на Rust.
6️⃣ NestJS — фреймворк для создания масштабируемых приложений Node.js на стороне сервера.
7️⃣ Low-code & no-code платформы и ИИ-модели.
💬 Что бы вы добавили в этот список? Или, наоборот, убрали? Angular, SSR, SSG, PWA, ...?
Мнение автора не является истиной в последней инстанции, но над этими пунктами однозначно стоит задуматься и, быть может, изменить свой вектор развития:
1️⃣ Анти-TypeScript: разработчик Ruby Давид Хейнемейер Ханссон отлично написал об этом. Тут и добавить нечего.
2️⃣ Vue & React: фреймворк и библиотека, которые остаются ведущими в индустрии фронтенда.
3️⃣ Webpack & Vite: хотя Vite предлагает более быструю сборку по сравнению с Webpack, Webpack все еще обладает достаточным функционалом, чтобы оставаться актуальным.
4️⃣ Turbopack — новый преемник Webpack на основе Rust.
5️⃣ Rust — хайпанул во фронтенде после того, как объявили о миграции Vite на Rust.
6️⃣ NestJS — фреймворк для создания масштабируемых приложений Node.js на стороне сервера.
7️⃣ Low-code & no-code платформы и ИИ-модели.
💬 Что бы вы добавили в этот список? Или, наоборот, убрали? Angular, SSR, SSG, PWA, ...?
🏔 Эпикфейл: карьера катится к чертям
🤦♂️ У всех нас случались провалы в карьере, о которых не хочется распространяться. Неловкий момент на собеседовании, провал проекта из-за глупой ошибки, конфликт с начальством — такие ситуации хочется поскорее забыть. Однако часто именно они дают нам самые ценные уроки и закаляют как профессионалов.
📝 Поделитесь своей историей карьерного провала в нашем новом опросе и расскажите, к чему он привел в итоге. Быть может, эта ошибка позволила вам пересмотреть свой путь и выбрать более подходящую профессию? А может, вы сделали правильные выводы и сейчас добились успеха?
👉 Поделиться историей
🤦♂️ У всех нас случались провалы в карьере, о которых не хочется распространяться. Неловкий момент на собеседовании, провал проекта из-за глупой ошибки, конфликт с начальством — такие ситуации хочется поскорее забыть. Однако часто именно они дают нам самые ценные уроки и закаляют как профессионалов.
📝 Поделитесь своей историей карьерного провала в нашем новом опросе и расскажите, к чему он привел в итоге. Быть может, эта ошибка позволила вам пересмотреть свой путь и выбрать более подходящую профессию? А может, вы сделали правильные выводы и сейчас добились успеха?
👉 Поделиться историей
407. Chrome 121, Firefox 122, Safari 17.3 и бета 17.4 и альтернативные…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Вадим Макеев, Никита Дубко, Алексей Симоненко про Chrome 121, Firefox 122, Safari 17.3 и бету 17.4 и альтернативные движки браузеров на iOS.
00:01:24 Chrome 121
00:16:03 Chrome DevTools
00:22:31 Firefox 122
00:40:34 Firefox DevTools
00:44:36 Safari 17.3 и бета 17.4
00:53:10 Альтернативные движки на iOS
01:37:17 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:01:24 Chrome 121
00:16:03 Chrome DevTools
00:22:31 Firefox 122
00:40:34 Firefox DevTools
00:44:36 Safari 17.3 и бета 17.4
00:53:10 Альтернативные движки на iOS
01:37:17 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
🙇♂️ Тот самый минимум, который должен знать каждый разраб про юникод
📌 Гайд от Никиты Прокопова о том:
• что такое юникод;
• почему иконка Apple в тексте показывается только на устройствах Apple;
• чем отличаются UTF-8 и UTF-16;
• почему шрифты ломаются;
• что такое графемы;
• почему Твиттер иногда рисует русские тексты болгарскими символами.
📌 Гайд от Никиты Прокопова о том:
• что такое юникод;
• почему иконка Apple в тексте показывается только на устройствах Apple;
• чем отличаются UTF-8 и UTF-16;
• почему шрифты ломаются;
• что такое графемы;
• почему Твиттер иногда рисует русские тексты болгарскими символами.
🤦♂️ Есть такое слово «надо», которое отравляет многим жизнь. Надо получить вышку, надо жениться до стольких-то лет и родить детей до стольких-то, надо зарабатывать столько-то и еще много-много «надо».
❤️ Как с этим жить? Попробуйте вместо «надо» поставить «полезно». И если бесполезно — то не надо!
💬 А какое слово отравляет вашу жизнь? Поделитесь в комментариях 👇
❤️ Как с этим жить? Попробуйте вместо «надо» поставить «полезно». И если бесполезно — то не надо!
💬 А какое слово отравляет вашу жизнь? Поделитесь в комментариях 👇
Команда DevJobsScanner проанализировала около 500 тыс. фронтенд-вакансий за 14 месяцев. В качестве источников использовались Linkedin, Glassdoor, RemoteOk, Dice и многие другие.
📌 Что имеем по России: React (51%) ⏩ Angular (36%) ⏩ Vue (13%).
📌 В Бельгии, например, 60% занимает Vue.js и лишь 15% — React. А в Швейцарии Angular в 2 раза популярнее, чем React.
🤩 Остальные любопытные цифры и результаты исследования вакансий — под катом.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM