Сергей Андреев, CTO в Ultimate Education, делится опытом редизайна сайта современного веб-фреймворка для создания интерактивных приложений с помощью Islands Architecture.
✨ Вот что получилось: сайт Reface с минималистичным дизайном, адаптированным под разработчиков.
🛠️ Инструменты:
• ChatGPT для идей и структуры.
• Bolt для быстрой визуализации.
• Cursor для доработки и кастомизации.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
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 года
23%
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
22%
Нет опыта
5%
До 1 года
19%
1–3 года включительно
27%
3–6 лет включительно
26%
Более 6 лет
В какой компании вы работаете?
Anonymous Poll
11%
Стартап
37%
Средний бизнес
40%
Крупная корпорация
11%
Фриланс
Ваш доход в месяц после вычета налогов:
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
43%
JavaScript
39%
TypeScript
1%
C/C++
2%
C#
0%
Swift/Kotlin
4%
PHP
4%
Другое
Какая у вас специализация в IT?
Anonymous Poll
5%
Backend
70%
Frontend
18%
Fullstack
0%
Mobile
0%
Desktop
0%
QA
1%
DevOps/Sysadmin
1%
Data Science
1%
Кибербезопасность
4%
Другое
Какой грейд у вас на работе?
Anonymous Poll
11%
Стажер
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