Позиционирование — одно из ключевых понятий в блочной верстке. Разобравшись с ним, вам многое станет понятно, а верстка из шаманства превратится в осмысленный процесс. Итак, речь в статье пойдет о CSS-свойствах position и float. position: static По умолчанию…

CSS Grid - это небесный ответ всем этим надоедливым разработчикам, которые годами создавали сетки на веб-страницах.  Вместо того, чтобы иметь дело с таблицами и плавающими элементами - у нас теперь есть этот удивительный инструмент двумерного макета, который…

Этап первый Следует понимать, что HTML и CSS — это не языки программирования, а язык разметки и каскадные таблицы стилей соответственно. Другими словами, данными языками вы задаете расположение элементов (заголовки, абзацы, ссылки и т.д.) и стилизуете их.…

К настоящему времени все основные языки веб-разработки можно считать зрелыми. Разрабатывая более двух десятилетий, HTML, CSS и JavaScript являются всемирно признанными стандартами Интернета. Но это просто факт, ведущий нас к основной теме этого поста. Сегодня…

Я уже давно использую сетку CSS для создания макетов, и все мои проекты на сегодняшний день включали либо несколько явно размещенных отдельных элементов сетки, либо 100% автоматическое размещение. Раньше мне не приходилось проектировать промежутки между сеткой…

Хочу поделиться своими мыслями о самых популярных площадках для изучения веб-разработки HTML Academy, Codecademy, FreeCodeCamp (мне бы хотелось прочитать подобную статью, когда я только начинала учиться веб-разработке самостоятельно).

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

Если вы новичок в мире программирования и веб-разработки, то самым лучшим вариантом для обучения будут бесплатные ресурсы по программированию. Таким образом, вы сможете понять, что вам нравится больше, а что — меньше, перед тем как уже основательно вложиться…

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

Это вторая статья из серии “От нуля до героя фронтенда”. В первой части вы научились создавать раскладку при помощи HTML и CSS и познакомились с некоторыми лучшими практиками. Во второй части мы сосредоточимся на изучении языка JavaScript, способах добавления…