This media is not supported in your browser
VIEW IN TELEGRAM
✅ Indeterminate checkbox
С помощью свойства
#css #javascript #tip by Shripal Soni
С помощью свойства
indeterminate
в JavaScript и псевдокласса :indeterminate
в CSS можно легко управлять и кастомизировать чекбоксы для улучшения UX.#css #javascript #tip by Shripal Soni
Под Новый год Дед Мороз приносит подарки, а наши подписчики — собственные курсы! Сергей Дмитриев, который занимается коммерческой разработкой уже 15 лет, поделился с нами курсом по созданию веб-сервиса с нуля. В курс входит 141 урок, 28 часов видео, исходный код и чат поддержки для участников.
Please open Telegram to view this post
VIEW IN TELEGRAM
🎙 456-й выпуск подкаста «Веб-стандарты»
Кого слушаем: Никита Дубко, Вадим Макеев, Юлия Миоцен.
⏱️ Таймкоды:
00:01:23 Стандарт source maps
00:08:05 Новинки React 19
00:38:01 Гибкость @keyframes
00:52:10 Разметка в Веб-альманахе
01:34:26 3D кот на CSS
01:43:35 Анимация неанимируемого
▶️ Сайт подкаста
#подкасты #новости
Кого слушаем: Никита Дубко, Вадим Макеев, Юлия Миоцен.
⏱️ Таймкоды:
00:01:23 Стандарт source maps
00:08:05 Новинки React 19
00:38:01 Гибкость @keyframes
00:52:10 Разметка в Веб-альманахе
01:34:26 3D кот на CSS
01:43:35 Анимация неанимируемого
▶️ Сайт подкаста
#подкасты #новости
Ваш возраст:
Anonymous Poll
3%
менее 18 лет
19%
18-24 года
45%
25-34 года
24%
35-44 года
5%
45-54 года
1%
55-64 года
2%
65 лет и старше
В какой стране вы живете последние 3 месяца?
Anonymous Poll
62%
Россия
7%
Украина
6%
Беларусь
3%
Казахстан
1%
Польша
0%
Кыргызстан
2%
Узбекистан
1%
США
1%
Грузия
14%
Другое
В каком городе вы живете последние 3 месяца?
Anonymous Poll
17%
Москва
9%
Санкт-Петербург
3%
Екатеринбург
3%
Краснодар
3%
Нижний Новгород
5%
Минск
3%
Киев
1%
Львов
2%
Алматы
54%
Другое
Какой у вас коммерческий опыт работы в IT?
Anonymous Poll
23%
Нет опыта
5%
До 1 года
19%
1–3 года включительно
27%
3–6 лет включительно
26%
Более 6 лет
В какой компании вы работаете?
Anonymous Poll
11%
Стартап
37%
Средний бизнес
40%
Крупная корпорация
12%
Фриланс
Ваш доход в месяц после вычета налогов:
Anonymous Poll
18%
до 500$
6%
от 501$ до 800$
9%
от 801$ до 1100$
21%
от 1101$ до 2000$
18%
от 2001$ до 3000$
12%
от 3001$ до 4000$
5%
от 4001$ до 5000$
3%
от 5001$ до 6000$
8%
от 6001$
На каком языке вы пишете больше всего?
Anonymous Poll
4%
Python
1%
Go
2%
Java
44%
JavaScript
39%
TypeScript
1%
C/C++
2%
C#
1%
Swift/Kotlin
4%
PHP
4%
Другое
Какая у вас специализация в IT?
Anonymous Poll
5%
Backend
70%
Frontend
18%
Fullstack
1%
Mobile
0%
Desktop
0%
QA
1%
DevOps/Sysadmin
1%
Data Science
1%
Кибербезопасность
4%
Другое
Какой грейд у вас на работе?
Anonymous Poll
10%
Стажер
14%
Джуниор
34%
Миддл
22%
Сеньор
7%
Тимлид
3%
Архитектор
1%
СТО
9%
Я не айтишник
Какой контент вас больше привлекает в ТГ-каналах?
Anonymous Poll
35%
Полезные советы и лайфхаки
49%
Обучающие материалы
2%
Развлекательный контент
11%
Новости и аналитика
1%
Истории компаний
1%
Другой (напишу в комментариях)
🤦♂️ 50 TypeScript F**k Ups Mistakes
Книга с красочно названным описанием множества тонких ошибок, с которыми вы можете столкнуться при работе с TypeScript.
Она доступна на Leanpub в удобных форматах, или вы можете прочитать ее целиком прямо на GitHub. По крайней мере, стоит пролистать, если вы столкнетесь с какими-либо из ее пунктов.
👉 Скачать
Книга с красочно названным описанием множества тонких ошибок, с которыми вы можете столкнуться при работе с TypeScript.
Она доступна на Leanpub в удобных форматах, или вы можете прочитать ее целиком прямо на GitHub. По крайней мере, стоит пролистать, если вы столкнетесь с какими-либо из ее пунктов.
👉 Скачать
This media is not supported in your browser
VIEW IN TELEGRAM
💡Простой способ отключить группу элементов управления формы одновременно с помощью HTML
#html #tip by Shripal Soni
#html #tip by Shripal Soni
Адвент-календарь HTMHell публикуется с 2022 года. В прошлом году авторы снова вернулись с ещё двадцатью четырьмя статьями о безопасности, доступности, UX и производительности:
• A link on a logo in the header, what should the alt-text be? / Rian Rietveld
• Starting off right: Where autofocus shines / Kilian Valkhof
• Smooth Multi-Page Experiences with Just a Few Lines of CSS / John Allsopp
• Control the Viewport Resize Behavior on mobile with `interactive-widget` / Bramus
• Forced Colors Mode Futility / Matthias Zöchling
• aria-labelledby = self / Weston Thayer
• Almost, but not quite, entirely unlike... / Léonie Watson
• Past HTML, Future HTML? / Jens Oliver Meiert
• Native HTML light and dark color scheme switching / Vadim Makeev
• Submit to the Quirks of HTML / Felix Hessenberger
• Makeshift hot reload / Evan Hahn
• HTML and CSS I didn't even know about before I started creating content in Japanese / Julia Undeutsch
• Improving User Experience for Multilingual Web Browsing / Anastasiia Batarei
• Page by Page: How Pagination Makes the Web Accessible / Kristin Rohleder
• The Gift You Do NOT Want: A Div in a Button's Clothing / Corina Murg
• You don’t need the isOpen class by Maureen Holland
• How I gained a new perspective on ARIA / Marco Bretschneider
• Microdata for books / Alan Dalton
• Getting Oriented with HTML Video / Scott Jehl
• My favourite colour is Chuck Norris red / Declan Chidlow
• Grouping form fields / Matthias Kittsteiner
• PSA: Stop using the title attribute as tooltip! / Daniela Kubesch
• The devil is in the <details> / J. Pedro Ribeiro
• The search input: They almost got it right / Steve Frenzel
Please open Telegram to view this post
VIEW IN TELEGRAM
🍊 Подборка лучших статей «Библиотеки программиста» за декабрь: сохраняй в заметки, чтобы не пропустить #самыйсок
➡️ Статьи:
💻📈 Итоги года Proglib: 2024 год в цифрах и достижениях
🧪 Успешное тестирование: TDD и расширенные возможности с Jest. Часть 2
🎨 13 приемов CSS, которые изменят твой подход к верстке
🏛️⚛️ React пора сдать в музей: почему популярный фреймворк устарел и чем его заменить
🎨⚛️ CSS в React: сравниваем 5 подходов к стилизации
🔧 TypeScript в деталях: настраиваем tsconfig.json правильно
🧬 Как реализовать наследование в JavaScript: 7 способов
⚡️ 5 HTML-атрибутов для улучшения пользовательского опыта и SEO
🎨 5 CSS-приемов, которые нужно знать каждому фронтендеру
🔍📊 10 методов SEO-оптимизации JavaScript, которые должен знать каждый фронтендер
➡️ Тесты:
🦑👨💻 Программист в «Игре в кальмара»: каковы шансы выжить?
🤔🔥🪦 Беспощадный Frontend-тест: уволься сам, если не наберёшь 7 из 10!
👑🧟 Король спама: насколько сильно ты бесишь коллег в рабочих чатах
🐍 Насколько ты продвинутый питонист?
➡️ Статьи:
💻📈 Итоги года Proglib: 2024 год в цифрах и достижениях
🧪 Успешное тестирование: TDD и расширенные возможности с Jest. Часть 2
🎨 13 приемов CSS, которые изменят твой подход к верстке
🏛️⚛️ React пора сдать в музей: почему популярный фреймворк устарел и чем его заменить
🎨⚛️ CSS в React: сравниваем 5 подходов к стилизации
🔧 TypeScript в деталях: настраиваем tsconfig.json правильно
🧬 Как реализовать наследование в JavaScript: 7 способов
⚡️ 5 HTML-атрибутов для улучшения пользовательского опыта и SEO
🎨 5 CSS-приемов, которые нужно знать каждому фронтендеру
🔍📊 10 методов SEO-оптимизации JavaScript, которые должен знать каждый фронтендер
➡️ Тесты:
🦑👨💻 Программист в «Игре в кальмара»: каковы шансы выжить?
🤔🔥🪦 Беспощадный Frontend-тест: уволься сам, если не наберёшь 7 из 10!
👑🧟 Король спама: насколько сильно ты бесишь коллег в рабочих чатах
🐍 Насколько ты продвинутый питонист?
Большие TypeScript-проекты на практике чаще всего представляют собой монорепозитории, в которых может быть сотни и даже тысячи модулей, интерфейсов и типов.
На ранних этапах роста всё кажется вполне управляемым, но в определённый момент начинаешь замечать, что время компиляции становится слишком большим, а IDE начинает работать ощутимо медленнее.
Хмелев Андрей, техлид и фулстек-разработчик, разбирается:
• почему TypeScript захлёбывается в крупных проектах;
• какие подходы и практики помогут оптимизировать типы;
• как проводить диагностику узких мест в процессах компиляции и разработки.
👉 Читать
Please open Telegram to view this post
VIEW IN TELEGRAM
Пришло время окончательно попрощаться с 2024 годом, но не раньше, чем Michael Rambeau проведёт ежегодный анализ JavaScript-проектов, которые лучше всего зарекомендовали себя на GitHub за последний год.
Даже если для вас количество звезд на GitHub — не показатель, это по-прежнему отличный способ получить представление об экосистеме JavaScript и увидеть, какие библиотеки и инструменты пользуются популярностью в различных нишах. Как всегда, это фантастическая подборка.
Please open Telegram to view this post
VIEW IN TELEGRAM