📖Здесь собраны статьи, которые я как то прочитывала и закрывала. А потом пыталась вспомнить: "где же я об этом читала?" и тратила по полчаса на поиски. Иногда вовсе не находила
- 5 полезных советов по использованию console.log()
- 11 вещей которые я узнал, читая спецификацию flexbox
- А вы уже используете SVG-фавиконки? Руководство для современных браузеров
- Автозаполнение: чего не знают веб-разработчики, хотя должны знать
- Анимация контуров SVG-фигур
- Анонимные функции в JavaScript
- Антигерой CSS-разметки — свойство «display: table» – про разметку «Holy Grail» с помощью display: table
- Бессмертные best practice в программировании
- Вебпак на практике: с нуля до создания автотестов
- Вкладываете условия в условия? Это для вас
- Вопросы для собеседования javascript разработчика
- Всегда обновляйте Safari на айфоне — и вот почему – о том, что все браузеры на ios это лишь обертка webkit, тоесть свойства не поддерживаемые в сафари не будут работать в хроме на ios
- Вы используете devDependencies неправильно
- Выведение Action type с помощью Typescript
- Готовим идеальный CSS
- Дизайн сложных таблиц
- Дорога в ад JavaScript-зависимостей – про package-lock.json
- Дорогая цена стилей. Доклад Яндекса
- Извлекаем критический CSS
- Инклюзивные компоненты: меню и кнопки меню
- История одного pet-проекта / Александр Зимин (Agora)
- Как генерировать осмысленные коммиты. Применяем стандарт Conventional Commits – с commitizen и husky
- Как оформить описание к Pull Request
- Как писать классы по БЭМ? – от yoksel
- Как подружить flexbox с Safari
- Как правильно стилизовать :focus
- Как уменьшить размер компонента React: 3 профессиональных приема
- Как Medium выполняет прогрессивную загрузку изображений
- Менеджмент зависимостей в Javascript — управляем хаосом
- Ключевое слово this в javascript — учимся определять контекст на практике
- Лимитирование пропсов в React компонентах
- Линтинг HTML с помощью CSS
- Медиавыражения в CSS — это не только max-width – про css при инвертированных цветах и если у пользователя отключена анимация
- Недооцененные хуки React – особенно интересно про useImperativeHandle
- Немного о том, как работает виртуальный DOM в React
- Неочевидная особенность регулярных выражений в JavaScript
- Нестандартные шрифты: как подключить и оптимизировать
- Новая верстка страницы результатов поиска Яндекса – про один класс с двумя элементами в блоке
- Новые свойства и фишки CSS в 2022 году
- Оптимизация SVG для Веб – продвинутая оптимизация SVG через Adobe Illustrator
- Оптимизация и ускорение кода на примере Яндекс Поиска – интересный пункт про константную сложность цепочки с помощью lodash (shortcut fusion yes but lodash/lodash#3601)
- Оптимизируем код при помощи shortcut fusion и ленивого вычисления
- Организация отступов в верстке (margin/padding)
- Организация react-компонентов с помощью dot-notation и почему я часто прибегаю именно к этому способу
- Подсказки по именованию логических переменных – отрицания в названиях быть не должно
- Помимо автоматизированного тестирования доступности: шесть вещей, которые я проверяю на каждом своём сайте
- Понимание (всех) «модульных» форматов и инструментов JavaScript
- Почему никто не рассказал мне это о CSS – интересно про дорогие css свойства
- Правило «Ссылка на главную»
- Простая семантичная карточка-ссылка
- Пусть всем кажется, что всё грузится быстро, Виктор Русакович – про скелетоны, как сделать, почему хорошо. Также есть ссылка на исследование где доказали, что пользователей бесят прогрессивные изображения.
- Работа с изображениями в веб
- Рекомендации по приведению сайта к требованиям WCAG AA
- Рендеринг в Интернете
- Рефакторинг на максималках: новая онлайн-книга – от Саши Беспоясова
- Роутинг, бандлинг и ленивая загрузка на Webpack
- Руководство Google по стилю написания кода на языке TypeScript (перевод руководства "Google TypeScript Style Guide")
- Секреты использования семантической верстки в HTML5
- Cильно недооцененная уязвимость в безопасности target = "_blank"
- Создание дизайн-системы в 5 частях
- Список псевдоэлементов для стилизации элементов управления формы
- Chrome DevTools: Хитрости при отладке
- CSS-изоляция
- CSS size-adjust для @font-face – про масштабирование шрифта для уменьшения CLS
- Статья с HTMLAcademy, как делать круговую диаграмму средствами SVG и CSS
- Техника предварительного размытия фонового изображения во время загрузки
- То, что вам никто не говорил о z-index
- Топ-10 вещей, раздражающих пользователей в Интернете
- Упрощаем заполнение форм с помощью Autofill
- Ускоряем адаптив сайта в 3 раза с помощью scss-миксина
- Фронтенд — это не больно – очень много полезняков для фронтендера как тестировщика, инженера, маркетолога и других его сторон
- Хватит использовать массивы! Как JavaScript Set ускоряет код
- Хотел кликнуть, но не смог: как правильно настроить размер области клика
- Чек-лист хороших инженерных практик в компаниях – есть немного про тесты, как плохо и как хорошо
- Четыре стадии обучения
- Что дизайнеры могут сделать для доступности на уровне макетов
- Что нужно знать о вёрстке под ретину
- Я совсем забыл о стилях для печати
- A Complete Guide To HTML Email
- A Guide to using JSDoc for React.js | Better Documentation in React – про better-docs
- A Visual Guide to React Rendering - Refs
- Adding A Dyslexia-Friendly Mode To A Website
- Adding timeout and multiple abort signals to fetch() – подробно о том, как объединить сигналы
- Audio Reactive Shaders with Three.js and Shader Park – шейдеры, реагирующие на звук three js и Shaderpark
- Babel polyfill is dead. Long live core-js!
- Big O Cheetsheat – шпаргалка по сложности алгоритмов
- Building performant expand & collapse animations – о том, что при анимации ширины и высоты теряется производительность и как лучше делать expand collapse области
- Common mistakes with React Testing Library
- Creating an Accessible Image Carousel
- CSS And Accessibility: Inclusion Through User Choice – описание разных медиа выражений для улучшения инклюзивности
- Cube CSS – еще одна CSS методология
- Design Systems: Useful Examples and Resources
- Documenting Components – о том, как документировать компоненты, полезно при разработке дизайн систем и ui китов
- Effective titles and more – о том, как сделать title страниц полезным
- Enhance React onClick handlers with Currying – о каррировании для onClick
- Filtering arrays with TypeScript type guards – про фикс typescript ошибки когда используем find
- Flexbox gutters and negative margins
- Front-End Challenges
- Getting SVG path data for SVG Icon extension
- Grainy Gradients – о том как создать зернистый градиент с помощью CSS
- How Chrome handles updates to the web app manifest – манифест обновили а во вкладке Network приходит старый
- How to Cleanup Async Effects in React
- How to Detect an “Invalid Date” Date Instance in JavaScript?
- How to implement a Collapsible Overflow Menu in React
- Journey of a web page 🛣️ - How browsers work
- My current HTML boilerplate – Мануэль Матузович делится шаблоном, с которого начинает вёрстку новых страниц, объясняя каждую его строчку
- Optimizing the Performance of Your React Application – про оптимизацию react приложений с помощью
react-addons-perf - Vanilla Javascript Reactivity – перечислены разные паттерны ванильного JS (new Proxy())
- Performance Profiling a Redux App
- Prevent history navigation on horizontally-scrolling elements with CSS – что сделать чтобы не было перехода между страницами когда скроллим вбок
- Protecting Against XSS Attacks in React
- React Cookbook: hooks dependency injection
- Remove React.FC from Typescript template
- Semantic Versioning 2.0.0 – правила версионирования
- Simple tips for writing clean React components – несколько полезных советов для написания чистых react компонентов
- Smooth and simple transitions with the View Transitions API – плавные переходы между страницами в Google Chrome
- Solid – все о солид
- Stop Using “&&” for Conditional Rendering in React Without Thinking
- Stop using JWT for sessions, part 2: Why your solution doesn't work
- Stop using “return null” in React
- Styling Broken Images
- Testing npm packages before publishing – про npm pack
- Top 10 React Hook Libraries
- The output element
- The Twelve-Factor App – 12 факторов хорошего приложения
- The Trickery it Takes to Create eBook-Like Text Columns
- useSyncExternalStore - The underrated React API – о сокращении ререндеров с react-router и не только
- Using dangerouslySetInnerHTML in a React application
- Using target="_blank" the right way – о важности rel="noopener noreferrer"
- What's Partial Hydration and Why's Everyone Talking About It?
- Why I don't use React.FC
- Why you shouldn't put refs in a dependency array
- Your SSR is slow & your devtools are lying to you - о том как врут devtools когда включаем тротлинг
(здесь будут статьи которые я пока не нашла) (респонсив форма на флексах без медиа выражений; о том как из поисковика гугл удалили лишние див тэги для оптимизации, статья с медиума и скрещивании бэма с другими методологиями)