![[Из песочницы] Если бы я учил Frontend сегодня. Советы начинающим](https://habrastorage.org/webt/vp/if/cy/vpifcyawswvsdourm7rppmlq9la.jpeg)
Мой путь в веб-разработке начался 5 лет назад. За это время я успел испробовать множество технологий, а в последние 3 года развиваюсь в направлении frontend. В этой статье я бы хотел ясно изложить, какие технологии необходимо изучить новичку, а также поделиться методами их освоения. Гайд ориентирован на людей, которые делают свои первые шаги в веб-разработке, и в нем я постараюсь подробно пояснять суть каждой технологии. Также в конце я расскажу, куда двигаться дальше. Итак, ты хочешь
Подробнее![[Из песочницы] Как поднять продажи в 2,5 раза за 4 месяца в интернет-магазине – кейс по SEO-продвижению](https://habrastorage.org/webt/ls/ga/dc/lsgadc2bwewrcixyiukicfb2lok.jpeg)
Цель статьи — помочь владельцам интернет-магазинов не только выжить, но и вырасти в условиях кризиса, падения рубля, демпинга федеральных сетей и маркетплейсов, закрытия розничных магазинов из-за короновируса, падения спроса в нише. Читать дальше →
Подробнее![[Перевод] Всё о ключевом слове auto в CSS](https://habrastorage.org/webt/rp/uw/ch/rpuwchwl9hbfiblqnrbrknfzfag.jpeg)
В CSS есть ключевое слово auto, которое можно использовать при работе с различными свойствами элементов. Это — свойства, влияющие на позицию, высоту, ширину элементов. Это — свойства, предназначенные для настройки отступов элементов и других их характеристик. У меня появилось желание где-нибудь записать всё то, что я знаю об auto. Например — оформить это всё в виде материала, который мог бы стать справочником для тех, кто интересуется тонкостями использования этого ключевого слова.
Подробнее![[Перевод] CSS Houdini: практическое руководство](https://habrastorage.org/webt/fl/be/g1/flbeg1byaenkvxg2vagd1iyoesc.png)
Доброго времени суток, друзья! Что такое Houdini? Houdini (Гудини) — коллекция API браузера, значительно улучшающих процесс веб разработки, включая разработку стандартов CSS. Разработчики смогут расширять CSS, используя JavaScript, влияя на рендеринг CSS и указывая браузеру, как следует применять стили. Это обеспечит значительное повышение производительности и стабильности, нежели использование полифилов. Гудини состоит из двух групп API — высокоуровневые API и API низкого уровня. …
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Привлечение новых клиентов – это то, без чего большинство бизнесов существовать не могут. Те, кто отвечают за этот процесс – маркетологи, директора по маркетингу и продажам, иногда CEO – сейчас в замешательстве: смысла вкладываться в рекламу нет, но и заказы терять нельзя. Как быть? В исследовании, которое приведено далее, в основном использованы зарубежные данные. Это уместно: распространение COVID-19, как и экономические последствия от него, там уже более масштабные и измеряемые.
Подробнее![[Перевод] CSS: полное руководство по функции calc()](https://habrastorage.org/webt/_z/e9/t3/_ze9t3mm5v_hppi2jyizmcxbu7w.png)
В CSS есть особая функция calc(), применяемая для выполнения простых вычислений. Вот пример её использования: .main-content { /* Вычесть 80px из 100vh */ height: calc(100vh - 80px);} Здесь с CSS-кодом, в котором используется calc(), можно поэкспериментировать. Автор статьи, перевод которой мы сегодня публикуем, хочет рассказать обо всём, что стоит знать об этой весьма полезной функции. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] CSS разработчики — почему они нужны миру?](https://habrastorage.org/webt/tz/8w/ok/tz8wokgk-eil2kyp6m4uxnzko60.png)
Аудио версия на русском (яндекс.музыка) / iTunes В последние десять лет CSS сильно разросся путём добавления всё большего числа возможностей, таким образом постепенно становясь довольно сложным и запутанным. CSS наших дней сильно отличается от CSS десятилетия 2001-2010 годов. Прежде чем я начну объяснять, почему миру нужны разработчики CSS, мы должны вернуться назад и посмотреть на историю CSS. Читать дальше →
Подробнее![[Перевод] CSS: приключения в стране полупрозрачности](/templates/tcseby/images/placeholder.svg)
Недавно меня попросили подправить один лендинг. Среди того, что я нашла в его коде, было изображение, поверх которого были расположены два перекрывающих его полупрозрачных элемента. Оба — с одними и теми же RGB-значениями цвета в свойстве background-color. Выглядело это примерно так: Незачем было применять два таких элемента. Это могло понадобиться разве что из-за того, что только один такой элемент недостаточно сильно тонировал изображение. По какой-то причине автор страницы решил, что…
Подробнее![[Перевод] CSS Grid: Верстаем адаптивный журнальный макет в 20 строк](https://habrastorage.org/webt/in/vy/fm/invyfmr9wggf_x3z20znmwfyn8y.png)
Недавно я работал над современной реализацией блогролла (перечня внешних полезных/интересных блогов). Замысел был в том, чтобы предоставить читателям подборку из последних постов в этих блогах, упакованную в журнальную вёрстку, а не сухой список ссылок в сайдбаре. Самая простая часть задачи — получение списка постов и их эксцерптов (эксцерпт — вступительный текст до ката) с наших любимых RSS–фидов. Для этого мы воспользовались WordPress-плагином Feedzy lite, который умеет агрегировать…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее