​​Нестандартное мышление с CSS Grid

Верстка очень необычных блоков, с виду кажущаяся магией. Однозначно must read.

Читать статью

​​Frontend-образование или как могут помочь курсы новичку

Многие курсы обещают сделать из тебя настоящего разработчика за скромную плату. А некоторые — за очень даже нескромную. Но стоит ли оно того? В статье автор рассказывает, в чем курсы ему помогли, а в чем оказались бесполезными.

Читать статью

​​Делаем TypeScript строже

Важные настройки строгости TypeScript, позволяющие не закрывать глаза на "хрупкие" места в коде. Примеры переписывания кода, избавления от плохих практик. Библиотека io-ts для проверки типов.

Читать статью

​​Доступность — это просто, Или 5 смертных грехов доступности

Несложные трюки, позволяющие без особых трудозатрат превратить сплошную портянку текста (для скринридеров) в доступную веб-страницу — иерархия заголовков, назначение кнопок, формы.

Читать статью

​​Сравнение и объяснение всех единиц измерения CSS

Современный CSS дает возможность очень гибко настраивать параментры элементов, для этого имеется большое количество единиц измерения — как расстояния, так и времени или градусов.

Читать статью

​​Трюки CSS и JavaScript, которые вдохнут жизнь в ваш статический сайт

Подборка полезных фишек и библиотек, позволяющих оживить ваши веб-страницы.

Читать статью

​​9 репозиториев, о которых должен знать каждый веб-разработчик

Полезная подборка репозиториев с книгами, рекомендациями по написанию кода и библиотеками для веб-разработчика.

Читать статью

​​До свидания, Google Fonts. Последний аргумент

Статья с убедительными аргументами окончательно отказаться от использования Google Fonts в проектах, в которых можно немного пожертвовать простотой подключения шрифтов в пользу производительности.

Читать статью

​​Превращаем рекурсию в цикл

В каких случаях и почему рекурсия "ломается", в отличии от цикла, выполняющего ту же задачу, как заменить рекурсивный алгоритм циклом.

Читать статью

​​Подборка видеотуториалов по верстке за последний месяц

- Как сделать Плагин на JS? (~ 40 минут)
Смотреть на YouTube

- Адаптивная верстка полноэкранного лендинга с навигацией и параллакс эффектом на базе слайдера Swiper (~ 30 минут)
Смотреть на YouTube

- Функции в JAVASCRIPT. Стрелочные функции, рекурсия, планирование: setTimeout и setInterval (~ 20 минут)
Смотреть на YouTube

- Адаптивное (отзывчивое) CSS свойство. Как быстро адаптировать элементы (~ 10 минут)
Смотреть на YouTube

Хороших выходных 😇

​​Что нужно знать о популярных JS-фреймворках

Занимательная статья, позволяющая углубиться в историю фреймворков и библиотек JS. Выбрать рабочий инструмент статья не поможет. Зато поможет вести споры с другими разработчиками на кухне и в сети. Будет особенно полезна новичкам.

Читать статью

​​Доступность — это не так просто

Недавно мы делились статьей о простых способах улучшить доступность веб-страницы. А эта статья о более продвинутых приемах в доступности.

Читать статью

​​Модули в JavaScript

Основные модульные системы в JS и нюансы их использования.

Читать статью

​​Переменные Sass, CSS, а также переменные семантической темы

Как внедрить в проект переменные CSS, к примеру, для реализации темной темы, не теряя преимуществ переменных Sass.

Читать статью

С наступающим, верстальщики от бога!

В последний день этого странного года хотим пожелать, чтобы 2021 стал во всем гораздо лучше 2020. Профессиональных успехов и удачи во всех начинаниях!

​​Понимание синтаксиса деструктуризации в JavaScript

Статья, наглядно объясняющая, как и почему работает деструктуризация объектов и массивов. Однозначно must read для тех, кто еще плавает в этой теме.

Читать статью

​​Дизайн с адаптивной высотой

Почему стоит обращать внимание на корректность отображения веб-страницы с разной высотой окна браузера. Какие используются практики для этого, с примерами.

Читать статью

​​Фронтенд-2021: тенденции, как мы их видим

Автор делится виденьем тенденций в веб-разработке и разного рода технологиях Фронтенда.

Читать статью

​​Подробное рассмотрение CSS Grid minmax()

Руководство по функции minmax() с примерами использования.

Читать статью