Превосходная серия статей о доступности и не только, которая точно заслуживает вашего внимания:
— 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…
🔥6
  Если вы заинтересовались этой темой, то для лучшего понимания можно ознакомиться с переводом на русский 👉 https://proglib.io/w/d2b37e60
  
  Telegram
  
  Библиотека фронтендера | Frontend, JS, JavaScript, React.js, Angular.js, Vue.js
  WebGL — это большое дело, но знаете ли вы, что голографические эффекты, похожие на шейдеры, также можно создавать с использованием CSS? И да, интерактивные демонстрации в конце статьи просто прекрасны.
👍4
  Запись вебинара на тему «10 кейсов масштабируемой вёрстки»
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения. Делать это в свёрстанном строго по макету сайте может быть долго и сложно.
Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.
https://proglib.io/w/db09d5e7
  
  Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения. Делать это в свёрстанном строго по макету сайте может быть долго и сложно.
Спикеры рассказывают, почему не всегда стоит верстать строго по макету, какие проблемы могут возникнуть при такой вёрстке и как их решать.
https://proglib.io/w/db09d5e7
YouTube
  
  10 кейсов масштабируемой вёрстки | Вебинар | karpov.courses dev
  Курс Frontend: https://bit.ly/3cfr8d1
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения: добавить…
Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.
Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения: добавить…
👍9
  Сложно написать идеальное руководство, которое охватит все аспекты добавления темного режима для вашего сайта. Но это определенно удачная попытка 👉 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.
👍6
  Пишем простое todo-приложение на React с нуля 👉 https://proglib.io/w/b42c96f3
  
  NOP::Nuances of programming
  
  Как создать приложение Todo на React
  Обучение лучше всего происходит на практике. Это руководство поможет познакомиться с ReactJS в процессе создания базового приложения Todo с полем для ввода элемента Todo и кнопкой для его удаления.
💩10👍4
  #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
👍11
  ☕ Шпаргалка по регулярным выражениям в JavaScript
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
https://proglib.io/sh/r9tNTEvDCh
  
  
  
  
  
Разбираемся в особенностях написания регулярных выражений и способах их применения в JavaScript.
https://proglib.io/sh/r9tNTEvDCh
👍11
  Главное преимущество летнего поиска работы — низкий уровень конкуренции. К тому же, сейчас на 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
👍2
  Вот это жизненное начало: « ... но в реальном мире все не так радужно. Нам часто приходится иметь дело с кодовыми базами, которые развивались в течение многих лет, и компонентами, которые несут на себе следы разных разработчиков ... ».
В общем, автор делится опытом рефакторинга больших 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.
🥰3
  💨 Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании
Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
https://proglib.io/w/0401b376
  
  Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
https://proglib.io/w/0401b376
Хабр
  
  Создаем слайдер с изображением и текстом на React.js с нуля и оптимизируем
  В этой статье я хочу затронуть задачу, с которой вы можете столкнуться на собеседовании на позицию Front-End — создание Image Slider. За последние 5 месяцев у меня было 15 онсайт собеседований, а...
👍10
  Разбираемся с Jamstack, современной архитектурой веб-разработки, которая позволяет создавать веб-сайты на основе методологии микросервисов. 
https://proglib.io/w/87c28816
  
  https://proglib.io/w/87c28816
Tproger
  
  Jamstack: философия веб-разработки на примере Next.js
  Сперва JAMstack считался лишь комбинацией JavaScript, API и MarkUp. Теперь веб-разработка Jamstack превратилась в настоящую философию.
👍2
  Разбираем распространенные сценарии утечки памяти в JavaScript и способы их исправления.
https://proglib.io/w/32df86e1
https://proglib.io/w/32df86e1
👍7