В Твиттере смеются над тем, как браузер Edge на каждом этапе установки Chrome пытается уговорить пользователя остаться.
— Насколько сильно мы должны быть навязчивыми?
— Да!
@tproger_web #браузеры #кек
— Насколько сильно мы должны быть навязчивыми?
— Да!
@tproger_web #браузеры #кек
Мощь декораторов TypeScript на живых примерах: декорирование методов класса
С помощью декораторов вы можете избежать дублирования кода и убрать лишний «шум» в коде. Они также помогают легко добавить к классам и членам класса метаданные.
В этой статье вы можете изучить несколько примеров из реальных проектов, где применение декораторов сильно упростило код и его понимание:
https://habr.com/ru/articles/707496/
@tproger_web #typescript
С помощью декораторов вы можете избежать дублирования кода и убрать лишний «шум» в коде. Они также помогают легко добавить к классам и членам класса метаданные.
В этой статье вы можете изучить несколько примеров из реальных проектов, где применение декораторов сильно упростило код и его понимание:
https://habr.com/ru/articles/707496/
@tproger_web #typescript
Как правильно называть программиста, а как — неправильно?
Разработчик — это полноценный программист или еще нет? А можно ли назвать коллегу кодером или это уже что-то обидное? Обидно ли вам, когда вас называют компьютерщиком?
Инженер, оператор ЭВМ, автоматизатор, разработчик, хакер, кодер, сисадмин, компьютерщик или IT-специалист? Как бы вы назвали себя? Как, когда и почему нужно называть других разработчиков?
#обсуждение
Разработчик — это полноценный программист или еще нет? А можно ли назвать коллегу кодером или это уже что-то обидное? Обидно ли вам, когда вас называют компьютерщиком?
Инженер, оператор ЭВМ, автоматизатор, разработчик, хакер, кодер, сисадмин, компьютерщик или IT-специалист? Как бы вы назвали себя? Как, когда и почему нужно называть других разработчиков?
#обсуждение
Если пропустили, тут Хабр запустил тёмную тему. Но нам интересен не сам факт, а то, что там под капотом и за кулисами.
Как решили делать тёмную тему, зачем понадобилось перерисовать 135 иконок и какие еще сложности возникли на пути — команда Хабра рассказала в статье: https://habr.com/ru/companies/habr/articles/805131/
#дизайн
Как решили делать тёмную тему, зачем понадобилось перерисовать 135 иконок и какие еще сложности возникли на пути — команда Хабра рассказала в статье: https://habr.com/ru/companies/habr/articles/805131/
#дизайн
Разработчики выпустили Cally — библиотеку UI-компонентов календаря
Разработчики опубликовали на GitHub компактную библиотеку многофункциональных компонентов календаря. Код Cally написан на TypeScript и опубликован в открытом репозитории: https://github.com/WickyNilliams/cally
В календаре можно выбирать отдельные даты, недели и отображать сразу несколько месяцев на экране. Для внедрения доступны пользовательские стили дизайна.
Библиотека не зависит от фреймворков и прост в использовании, в проекте не используются сторонние библиотеки и компоненты, а набор не навязывает конкретную структуру DOM. Пакет весит всего 9 КБ при сжатии в Gzip.
Библиотеку можно установить с помощью пакетного менеджера npm. В коде Cally доступно через импорт модуля или CDN:
<script type="module" src="https://unpkg.com/cally"></script>
#ui #design #инструменты
Разработчики опубликовали на GitHub компактную библиотеку многофункциональных компонентов календаря. Код Cally написан на TypeScript и опубликован в открытом репозитории: https://github.com/WickyNilliams/cally
В календаре можно выбирать отдельные даты, недели и отображать сразу несколько месяцев на экране. Для внедрения доступны пользовательские стили дизайна.
Библиотека не зависит от фреймворков и прост в использовании, в проекте не используются сторонние библиотеки и компоненты, а набор не навязывает конкретную структуру DOM. Пакет весит всего 9 КБ при сжатии в Gzip.
Библиотеку можно установить с помощью пакетного менеджера npm. В коде Cally доступно через импорт модуля или CDN:
<script type="module" src="https://unpkg.com/cally"></script>
#ui #design #инструменты
Разработчики JavaScript придумывают, логическое объяснение того, что сортировка [6, -2, -7, 9].sort() выдает [-2, -7, 6, 9], а не [-7, -2, 6, 9]:
Годных инструментов вам в ленту: MightyMeld — набор предварительно настроенных веб-компонентов
Это — большая база компонентов, которые полностью совместимы с Tailwind CSS и React. Просто выбираете нужный объект из большой библиотеки шаблонов, перетаскиваете его на рабочую панель и настраиваете под свои нужды. В проекте есть встроенный ИИ ассистент.
Основная функицональность инструмента бесплатна, но есть и платные фичи: https://www.mightymeldfortailwind.com/
#инструменты #react #css
Это — большая база компонентов, которые полностью совместимы с Tailwind CSS и React. Просто выбираете нужный объект из большой библиотеки шаблонов, перетаскиваете его на рабочую панель и настраиваете под свои нужды. В проекте есть встроенный ИИ ассистент.
Основная функицональность инструмента бесплатна, но есть и платные фичи: https://www.mightymeldfortailwind.com/
#инструменты #react #css
Forwarded from IT Юмор
Media is too big
VIEW IN TELEGRAM
Old but gold: Сквозь тернии к core-у, или процесс компиляции Vue
Сегодня Vue пользуется огромной популярностью, успешно конкурируя с React. У него есть и удобные шаблоны, и однофайловые компоненты, и хранилище состояний и многое другое прямо «из коробки».
Но как это всё работает и компилируется? В этой статье вы найдёте ответ: https://habr.com/ru/companies/nordclan/articles/690522/
#фронтенд #vue
Сегодня Vue пользуется огромной популярностью, успешно конкурируя с React. У него есть и удобные шаблоны, и однофайловые компоненты, и хранилище состояний и многое другое прямо «из коробки».
Но как это всё работает и компилируется? В этой статье вы найдёте ответ: https://habr.com/ru/companies/nordclan/articles/690522/
#фронтенд #vue
«Продуктовый подход к пет-проекту или как я разработал музыкальное веб-приложение»
В статье автор рассказывает, как создавал стриминговое веб-приложение и что будет, если смотреть на пет-проект не как на лабораторную работу, а как на будущий продукт: https://habr.com/ru/articles/803673/
#карьера #петпроект
В статье автор рассказывает, как создавал стриминговое веб-приложение и что будет, если смотреть на пет-проект не как на лабораторную работу, а как на будущий продукт: https://habr.com/ru/articles/803673/
#карьера #петпроект
Лайфхак для скучных созвонов — фон с кивающе-вовлечённым лицом. Страшно представить, сколько нервов и времени он способен сэкономить...
10 лучших JavaScript-фреймворков в 2024 году — какой фреймворк учить?
Англоязычный YouTube-канал Hostinger Academy в новом видео рассмотрел 10 лучших фреймворков для JavaScript в 2024 году, чтобы выяснить, какой из них стоит учить больше прочих.
А мы перевели всё это дело на русский: https://tproger.ru/articles/10-luchwih-javascript-frejmvorkov-v-2024-godu--kakoj-frejmvork-uchit
#javascript #тренды
Англоязычный YouTube-канал Hostinger Academy в новом видео рассмотрел 10 лучших фреймворков для JavaScript в 2024 году, чтобы выяснить, какой из них стоит учить больше прочих.
А мы перевели всё это дело на русский: https://tproger.ru/articles/10-luchwih-javascript-frejmvorkov-v-2024-godu--kakoj-frejmvork-uchit
#javascript #тренды
Изучаем CSS Flex и Grid в фэнтезийном путешествии
Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.
Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games
#css #игры
Если хотите отточить свои навыки в позиционировании объектов с помощью флексов и гридов, при этом с интересным сеттингом, то вы по адресу. На сайте codingfantasy.com вы можете отправить в путешествие и помочь королю Артуру бороться со злом, используя Flex Box или спасти эльфа из лап демонов с помощью CSS Grid.
Уровней достаточно, чтобы стать настоящим CSS-гуру, проверьте сами: https://codingfantasy.com/games
#css #игры
Figma объявила о выпуске бета-версии Code Connect — функции, созданной для упрощённого внедрения дизайн-систем
Code Connect — это утилита, предоставляемая через npm для проектов JavaScript и TypeScript, а также как диспетчер пакетов Swift для проектов SwiftUI.
Это позволяет дизайнерам и разработчикам эффективно сотрудничать в рамках различных рабочих процессов, легко устанавливать и использовать в своих проектах независимо от платформы. В ближайшее время появится дополнительная поддержка платформ.
При этом разработчик при переходе в макет сразу видит эту документацию и код, в том числе одобренные и поддерживаемые образцы, опубликованные командой систем проектирования. Благодаря тому, что разработчикам не нужно переписывать компоненты, им требуется поддерживать меньше кода.
Инструмент будет полезным при масштабировании команд, так как облегчит им синхронизацию работы и соблюдение требований дизайн-систем.
В конце января Figma закрыла Dev Mode для пользователей бесплатного тарифа. Теперь он стоит $12 в месяц. Dev Mode — это режим разработки, который позволяет быстро переводить проекты в код. Там доступен код элементов разных платформ, можно создавать плагины под различные фреймворки, представлена интеграция с VSCode, позволяющая смотреть дизайн прямо в среде разработки.
#дизайн #figma
Code Connect — это утилита, предоставляемая через npm для проектов JavaScript и TypeScript, а также как диспетчер пакетов Swift для проектов SwiftUI.
Это позволяет дизайнерам и разработчикам эффективно сотрудничать в рамках различных рабочих процессов, легко устанавливать и использовать в своих проектах независимо от платформы. В ближайшее время появится дополнительная поддержка платформ.
При этом разработчик при переходе в макет сразу видит эту документацию и код, в том числе одобренные и поддерживаемые образцы, опубликованные командой систем проектирования. Благодаря тому, что разработчикам не нужно переписывать компоненты, им требуется поддерживать меньше кода.
Инструмент будет полезным при масштабировании команд, так как облегчит им синхронизацию работы и соблюдение требований дизайн-систем.
В конце января Figma закрыла Dev Mode для пользователей бесплатного тарифа. Теперь он стоит $12 в месяц. Dev Mode — это режим разработки, который позволяет быстро переводить проекты в код. Там доступен код элементов разных платформ, можно создавать плагины под различные фреймворки, представлена интеграция с VSCode, позволяющая смотреть дизайн прямо в среде разработки.
#дизайн #figma
Я: Начинаю использовать новый фреймворк, не читая документацию.
Также я после того, как уронил прод:
Также я после того, как уронил прод:
Чек-лист для проверки доступности вашего сайта для всех пользователей
Хорошая и важная статья, в которой обсуждается доступность сайтов для всех пользователей. Контрольный список включает тестирование с помощью инструментов проверки специальных возможностей, использование семантического HTML, использование альтернативного текста для изображений и пиктограмм и других возможностей.
Несложное, но большое дело — проверить свой сайт на выполнение всех пунктов: https://sarahabd.com/blog/my-accessibility-review-checklist
#тестирование #лучшиепрактики #интерфейс
Хорошая и важная статья, в которой обсуждается доступность сайтов для всех пользователей. Контрольный список включает тестирование с помощью инструментов проверки специальных возможностей, использование семантического HTML, использование альтернативного текста для изображений и пиктограмм и других возможностей.
Несложное, но большое дело — проверить свой сайт на выполнение всех пунктов: https://sarahabd.com/blog/my-accessibility-review-checklist
#тестирование #лучшиепрактики #интерфейс
