Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:
— Under-Engineered Custom Radio Buttons and Checkboxen
— Under-Engineered Toggles
— Under-Engineered Toggles Too
— Under-Engineered Text Boxen
— Under-Engineered Responsive Tables
— Under-Engineered Select Menus
— Under-Engineered Dependency Questions
— Under-Engineered Multi-Selects
— Under-Engineered Custom Radio Buttons and Checkboxen
— Under-Engineered Toggles
— Under-Engineered Toggles Too
— Under-Engineered Text Boxen
— Under-Engineered Responsive Tables
— Under-Engineered Select Menus
— Under-Engineered Dependency Questions
— Under-Engineered Multi-Selects
Adrian Roselli
Under-Engineered Custom Radio Buttons and Checkboxen
Note: September 25, 2021 If you do not need to support IE, Legacy Edge, or older versions of Firefox, then I encourage you to ignore this post and instead read Scott O’Hara’s post One last time: custom styling radio buttons and checkboxes. Updated August…
Если вы заинтересовались этой темой, то для лучшего понимания можно ознакомиться с переводом на русский 👉 https://proglib.io/w/d2b37e60
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
WebGL — это большое дело, но знаете ли вы, что голографические эффекты, похожие на шейдеры, также можно создавать с использованием CSS? И да, интерактивные демонстрации в конце статьи просто прекрасны.
Запись вебинара на тему «10 кейсов масштабируемой вёрстки»
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения. Делать это в свёрстанном строго по макету сайте может быть долго и сложно.
Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.
https://proglib.io/w/db09d5e7
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения. Делать это в свёрстанном строго по макету сайте может быть долго и сложно.
Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.
https://proglib.io/w/db09d5e7
YouTube
10 кейсов масштабируемой вёрстки | Вебинар | karpov.courses dev
Курс Frontend: https://bit.ly/3cfr8d1
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения: добавить…
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения: добавить…
Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка 👉 https://proglib.io/w/384b07d8
CSS-Tricks
Let's Say You Were Going to Write a Blog Post About Dark Mode | CSS-Tricks
This is not that blog post. I'm saying let's say you were.
Пишем простое todo-приложение на React с нуля 👉 https://proglib.io/w/b42c96f3
NOP::Nuances of programming
Как создать приложение Todo на React
Обучение лучше всего происходит на практике. Это руководство поможет познакомиться с ReactJS в процессе создания базового приложения Todo с полем для ввода элемента Todo и кнопкой для его удаления.
#news
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс Vite 3.0
— Анонс Node-RED 3.0
— Анонс NestJS 9
— Анонс Ember 4.5
— Анонс Safari Technology Preview 148
— Анонс VS Code 1.69
— Релиз Preact 10.10
— Релиз pkg 5.8
— Релиз React Big Calendar 1.4.2
— Релиз AdminJS 6.0
— Релиз Luxon 3.0.1
— Релиз Commander.js 9.4
— Релиз eruda 2.5
— Релиз Tedious 15.0
— Релиз mux.js 6.2
Очередной дайджест новостей из мира фронтенд-разработки:
— Анонс Vite 3.0
— Анонс Node-RED 3.0
— Анонс NestJS 9
— Анонс Ember 4.5
— Анонс Safari Technology Preview 148
— Анонс VS Code 1.69
— Релиз Preact 10.10
— Релиз pkg 5.8
— Релиз React Big Calendar 1.4.2
— Релиз AdminJS 6.0
— Релиз Luxon 3.0.1
— Релиз Commander.js 9.4
— Релиз eruda 2.5
— Релиз Tedious 15.0
— Релиз mux.js 6.2
vitejs
Announcing Vite 3
Vite 3 Release Announcement
☕ Шпаргалка по регулярным выражениям в JavaScript
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
https://proglib.io/sh/r9tNTEvDCh
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
https://proglib.io/sh/r9tNTEvDCh
Главное преимущество летнего поиска работы — низкий уровень конкуренции. К тому же, сейчас на IT-рынке большая нехватка кадров и множество открытых вакансий.
Чтобы наши читатели не отвлекались на нерелевантные предложения, мы сделали ряд тематических телеграм-каналов с вакансиями по отдельным языкам (Python, Java, Go, C#, C++, PHP, JavaScript) и различным направлениям: тестированию, мобильной разработке, информационной безопасности и Data Science.
Присоединяйтесь! Будем рады помочь найти вам лучшую работу.
Чтобы наши читатели не отвлекались на нерелевантные предложения, мы сделали ряд тематических телеграм-каналов с вакансиями по отдельным языкам (Python, Java, Go, C#, C++, PHP, JavaScript) и различным направлениям: тестированию, мобильной разработке, информационной безопасности и Data Science.
Присоединяйтесь! Будем рады помочь найти вам лучшую работу.
Если кто-то уже попробовал или заинтересован в использовании Bun, на GitHub появилась коллекция полезных ресурсов в одном месте 👉 https://proglib.io/w/681ef671
Telegram
Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
🔧 Bun — новая среда выполнения JavaScript с собственным сборщиком, транспайлером, средством запуска задач и встроенным клиентом npm.
https://proglib.io/w/d882a93f
https://proglib.io/w/d882a93f
Вот это жизненное начало: « ... но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков ... ».
В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
https://proglib.io/w/c568a014
В общем, автор делится опытом рефакторинга больших React-компонентов. В его проекте он имел 2700 строк кода.
https://proglib.io/w/c568a014
pieces.app
Refactoring React Class Components: Story of a 2700-Line Component
Code refactoring is often daunting, but it doesn't have to be. Read about my journey to refactoring a 2700-line React class component.
💨 Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании
Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
https://proglib.io/w/0401b376
Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
https://proglib.io/w/0401b376
Хабр
Создаем слайдер с изображением и текстом на React.js с нуля и оптимизируем
В этой статье я хочу затронуть задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Image Slider. За последние 5 месяцев у меня было 15 онсайт собеседований, а...
Разбираемся с Jamstack, современной архитектурой веб-разработки, которая позволяет создавать веб-сайты на основе методологии микросервисов.
https://proglib.io/w/87c28816
https://proglib.io/w/87c28816
Tproger
Jamstack: философия веб-разработки на примере Next.js
Сперва JAMstack считался лишь комбинацией JavaScript, API и MarkUp. Теперь веб-разработка Jamstack превратилась в настоящую философию.
Разбираем распространенные сценарии утечки памяти в JavaScript и способы их исправления.
https://proglib.io/w/32df86e1
https://proglib.io/w/32df86e1
🔧 Fomir — библиотека для создания форм, основанная на схеме-дереве JSON.
Если вы перепробовали множество библиотек для создания форм, таких как redux-form, formik, final-form, react-hook-form, и ни одна из них не подошла, то Fomir уже спешит на помощь. Под капотом:
— Использование схемы
— Простой механизм обновления состояния формы
— Высокая производительность и многое другое
https://proglib.io/w/d0a101e4
Если вы перепробовали множество библиотек для создания форм, таких как redux-form, formik, final-form, react-hook-form, и ни одна из них не подошла, то Fomir уже спешит на помощь. Под капотом:
— Использование схемы
— Простой механизм обновления состояния формы
— Высокая производительность и многое другое
https://proglib.io/w/d0a101e4
GitHub
GitHub - plantree-xyz/plantree: The best way to build web3 independent blog.
The best way to build web3 independent blog. Contribute to plantree-xyz/plantree development by creating an account on GitHub.