Please open Telegram to view this post
VIEW IN TELEGRAM
🥅Можете попрощаться с неровными макетами, ведь CSS Subgrid завезли во все стабильные версии браузеров
🔸CSS grid — мощный инструмент для создания макетов, но row и column, созданные на родительской сетке, могут использоваться только для позиционирования прямых потомков контейнера сетки.
🔸Любые области и линии сетки, определенные автором, не применяются к элементам, не являющимся прямыми потомками. С помощью subgrid размеры треков, шаблоны и имена могут быть общими для вложенных сеток. В статье как раз объясняется, как это работает.
👀 Читать
🔸CSS grid — мощный инструмент для создания макетов, но row и column, созданные на родительской сетке, могут использоваться только для позиционирования прямых потомков контейнера сетки.
🔸Любые области и линии сетки, определенные автором, не применяются к элементам, не являющимся прямыми потомками. С помощью subgrid размеры треков, шаблоны и имена могут быть общими для вложенных сеток. В статье как раз объясняется, как это работает.
👀 Читать
Подборка лучших статей «Библиотеки программиста» за сентябрь: сохраняй в заметки, чтобы не пропустить #самыйсок
🎓💼 ТОП-9 не самых очевидных компаний для стажировки в ИТ
🦸⚡ 9 способов настройки градиента цели для поддержания мотивации
⚒️ ТОП-27 плагинов для Visual Studio Code в 2023
🔎💼🗺️ Как программисту искать (и найти) работу за границей в 2023 году
🔝 Приоритизация задач по методу MoSCoW: как за 5 минут научиться грамотно расставлять приоритеты
📊 Как я входил в IT? Результаты опроса «Библиотеки программиста»
🎓💼 ТОП-9 не самых очевидных компаний для стажировки в ИТ
🦸⚡ 9 способов настройки градиента цели для поддержания мотивации
⚒️ ТОП-27 плагинов для Visual Studio Code в 2023
🔎💼🗺️ Как программисту искать (и найти) работу за границей в 2023 году
🔝 Приоритизация задач по методу MoSCoW: как за 5 минут научиться грамотно расставлять приоритеты
📊 Как я входил в IT? Результаты опроса «Библиотеки программиста»
👨🎓State of HTML 2023 — опрос, который содержит информацию о 131 новой фиче и нестандартных реализациях (от контента до UX и не только) в рамках создания веб-приложений.
Из опроса вы узнаете о новых и дополнительных функциях HTML, которые могли пропустить, а также о последних тенденциях в экосистеме и о том, на чем фокусируются другие веб-разработчики.
👉 И да, его можно пройти анонимно и без регистрации. А если нажмете ➕ ,узнаете дополнительную информацию по каждому отдельному аспекту.
Из опроса вы узнаете о новых и дополнительных функциях HTML, которые могли пропустить, а также о последних тенденциях в экосистеме и о том, на чем фокусируются другие веб-разработчики.
👉 И да, его можно пройти анонимно и без регистрации. А если нажмете ➕ ,узнаете дополнительную информацию по каждому отдельному аспекту.
🤷♂️Может стоит попробовать использовать простой календарь?
Валерий Жила в недавнем треде подробно написал про него. Говорит, что это очень простой и действенный метод повышения продуктивности и контроля своего ментального здоровья.
📌Что нужно делать?
👉 Берём свой календарь, заполняем какими-то рамками — например, время отхода ко сну и подъема. Стараемся планировать крупные дела наперёд, а по ходу дня всякую мелочь. Не слишком подробно (блоки от 30 минут с буферами), честно и быстро.
📌Что это даёт?
👉 Помогает концентрироваться на одном деле за раз. Помогает принимать оперативные решения и улучшать work-life balance. Помогает снизить тревожность и разгрузить память — великолепный «второй мозг» для планирования.
❗️Важно
Calendar Blocking подойдёт далеко не всем. Если вы творец, живущий спонтанной ловлей момента на кончиках пальцев, или вы просто любите спонтанные встречи с друзьями скорее всего, метод не зайдёт.
О том, как это работает на практике, как и с помощью каких инструментов всё это сделать, читайте в его треде: в соцсети X или в приложении Threadreader, если бывший Твиттер у вас не открывается.
#холивар
Please open Telegram to view this post
VIEW IN TELEGRAM
🥊 Next.js 13 vs Remix: практическое сравнение
Не простой список основных функций, а расширенное и наполненное примерами погружение в сходства и различия между двумя стоящими подходами.
👉 Читать
Не простой список основных функций, а расширенное и наполненное примерами погружение в сходства и различия между двумя стоящими подходами.
👉 Читать
👉 Поиграть можно здесь.
#css #tip by Shripal Soni
Please open Telegram to view this post
VIEW IN TELEGRAM
🧑🍳Кулинарный гид по Vue.js: как фронтенд-разработчику готовить на «кухне» props
Выбирайте подходящий уровень сложности:
🥣Джуны-поварята смогут лучше разобраться в работе и применении props в Vue.js
🥣Для мидлов и более опытных специалистов авторы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему
🔗 Читать
Выбирайте подходящий уровень сложности:
🥣Джуны-поварята смогут лучше разобраться в работе и применении props в Vue.js
🥣Для мидлов и более опытных специалистов авторы приготовили продвинутые кулинарные техники props, где можно освежить в памяти некоторые детали или решить проектную проблему
🔗 Читать
Хабр
Кулинарный гид по Vue.js: всё о props
Привет, Хабр! В этой статье разберемся, как frontend-разработчику готовить на «кухне» props. Выбирайте подходящий уровень сложности: джуны-поварята смогут лучше разобраться в работе и применении props...
💪👨💻 6 сервисов для подготовки к техническим собеседованиям
Мы не понаслышке знаем, какие глупые вопросы иногда задают на собеседованиях — этими историями с нами поделились вы. А теперь рассказываем, где готовиться к нормальным техническим собеседованиям, на которых вас не попросят заполнить бегемотами комнату. Подборка сервисов ждет вас в нашей статье👇
🔗Читать статью
🔗Зеркало
Мы не понаслышке знаем, какие глупые вопросы иногда задают на собеседованиях — этими историями с нами поделились вы. А теперь рассказываем, где готовиться к нормальным техническим собеседованиям, на которых вас не попросят заполнить бегемотами комнату. Подборка сервисов ждет вас в нашей статье👇
🔗Читать статью
🔗Зеркало
Верстальщик — это разработчик?
👍 — да, конечно
🤔 — нет, верстальщик — это верстальщик
🥱 — некорректный вопрос, ведь такой профессии нет (фронтендер по умолчанию должен это уметь)
#холивар
👍 — да, конечно
🤔 — нет, верстальщик — это верстальщик
🥱 — некорректный вопрос, ведь такой профессии нет (фронтендер по умолчанию должен это уметь)
#холивар
❗«Библиотека программиста» продолжает поиски контент-менеджера для ведения телеграм-каналов
Ищем человека, который грамотно пишет и разбирается в одной из этих тем:
👉С++
👉Frontend
👉мобильная разработка
👉Data Science
Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴
Подробнее о вакансии и форма для отклика — по ссылке.
Ждем вас в команде!
Ищем человека, который грамотно пишет и разбирается в одной из этих тем:
👉С++
👉Frontend
👉мобильная разработка
👉Data Science
Мы предлагаем частичную занятость и полностью удаленный формат работы — можно совмещать с основной и находиться в любом месте🌴
Подробнее о вакансии и форма для отклика — по ссылке.
Ждем вас в команде!
💛Подборка докладов для фронтенд-разработчика (презентации):
🌐 Что делать, когда бандл нужно «посадить на диету» / Софья Гусева
🌐 Сотни компонентов, сотни экспериментов и всего одна страница / Константин Носов
🌐 Ajax от A до X / Александр Сулима
🌐 Ускоряем Time To Market / Иван Артамонов
🌐 ДАА!! ML на JavaScript! Но зачем? / Алексей Охрименко
#чтопроисходит
#чтопроисходит
Please open Telegram to view this post
VIEW IN TELEGRAM
Photoshop_is_now_on_the_web!_Enabled_by_WebAssembly,_Web_Components….pdf
5.1 MB
🤩Команды Adobe и Chrome проделали большую работу, чтобы добиться таких результатов. Разбираемся, как это работают под капотом.
🔗Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
⚙Viselect: позвольте пользователям визуально выбирать элементы DOM
Если у вас есть множество элементов и вы хотите, чтобы пользователи могли выбирать их группами, по отдельности или даже в нескольких группах, Viselect позволит легко реализовать эту функциональность.
Может использоваться стандартным способом или с интеграцией для React/Preact/Vue.js. Вот только некоторые преимущества:
🔩Маленький размер
☑️Отсутствие внешних зависимостей
📱Поддержка мобилок и сенсорного ввода
🖱 Поддержка вертикальной и горизонтальной прокрутки
👌Простота использования и многое другое
🔗GitHub & Сайт
Если у вас есть множество элементов и вы хотите, чтобы пользователи могли выбирать их группами, по отдельности или даже в нескольких группах, Viselect позволит легко реализовать эту функциональность.
Может использоваться стандартным способом или с интеграцией для React/Preact/Vue.js. Вот только некоторые преимущества:
🔩Маленький размер
☑️Отсутствие внешних зависимостей
📱Поддержка мобилок и сенсорного ввода
🖱 Поддержка вертикальной и горизонтальной прокрутки
👌Простота использования и многое другое
🔗GitHub & Сайт
GitHub
GitHub - simonwep/viselect: ✨ Viselect - A high performance and lightweight library to add a visual way of selecting elements,…
✨ Viselect - A high performance and lightweight library to add a visual way of selecting elements, just like on your Desktop. Zero dependencies, super small. Support for major frameworks! - simonwe...
🗺️ Дорожная карта: что это, как ее составить и почему она обязательно нужна разработчику
Откройте для себя секретное оружие успешного программиста — дорожную карту, которая поможет составить пошаговый план действий на ближайшие несколько лет. В данной статье разберемся, зачем она нужна, как правильно ее составить и где «подглядеть» роадмап для айтишников всех направлений 🤫
📌 Примеры дорожных карт и полезные материалы по теме:
🤩 Подборка дорожных карт для разработчиков
👉 Дорожная карта Frontend-разработчика в 2022 году
🏃 8 шагов от новичка до профессионала: дорожная карта разработчика на C#
👨💻 Как стать фрилансером и где найти первый заказ: дорожная карта
🍏 Карьерный гид от новичка до профи: дорожная карта iOS-разработчика
☕ Дорожная карта Java-разработчика в 2023 году
🧔 Повышение до тимлида: дорожная карта
🐍 Дорожная карта Python-разработчика
🤝 5 soft skills, которые помогут тебе дорасти до Senior-разработчика
Откройте для себя секретное оружие успешного программиста — дорожную карту, которая поможет составить пошаговый план действий на ближайшие несколько лет. В данной статье разберемся, зачем она нужна, как правильно ее составить и где «подглядеть» роадмап для айтишников всех направлений 🤫
📌 Примеры дорожных карт и полезные материалы по теме:
🤩 Подборка дорожных карт для разработчиков
👉 Дорожная карта Frontend-разработчика в 2022 году
🏃 8 шагов от новичка до профессионала: дорожная карта разработчика на C#
👨💻 Как стать фрилансером и где найти первый заказ: дорожная карта
🍏 Карьерный гид от новичка до профи: дорожная карта iOS-разработчика
☕ Дорожная карта Java-разработчика в 2023 году
🧔 Повышение до тимлида: дорожная карта
🐍 Дорожная карта Python-разработчика
🤝 5 soft skills, которые помогут тебе дорасти до Senior-разработчика
389. Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в…
Веб-стандарты
🎙Свежий выпуск подкаста «Веб-стандарты»: Никита Дубко, Вадим Макеев, Алексей Симоненко про Firefox 118, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts через Cloudflare, картинки, LCP и Tailwind.
00:02:02 Firefox 118
00:11:51 Тюнинг CSS-нестинга
00:31:50 HTML-заголовки
00:55:38 Порядок в text-wrap
01:02:52 Фотошоп в вебе
01:19:59 Google Fonts через Cloudflare
01:29:53 Картинки и LCP
01:43:31 Tailwind тоже прав
02:02:22 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты
00:02:02 Firefox 118
00:11:51 Тюнинг CSS-нестинга
00:31:50 HTML-заголовки
00:55:38 Порядок в text-wrap
01:02:52 Фотошоп в вебе
01:19:59 Google Fonts через Cloudflare
01:29:53 Картинки и LCP
01:43:31 Tailwind тоже прав
02:02:22 Ответы на вопросы
⏯ YouTube | Apple Подкасты | Google Подкасты | Яндекс Музыка | Сайт подкаста
#подкасты