![[Из песочницы] Центрирование изображений на странице](/uploads/habrahabr_logo.png){kind=logo}
Вступление Люблю решать интересные задачи по верстке, а с учетом моего опыта в этой сфере, чуть больше 5 лет, такие задачи попадаются не часто. Недавно столкнулся сразу с несколькими такими задачами: 1. Центрирование изображения по центру страницы с сжатием его при ресайзе браузера. 2. Абсолютное центрирование изображение вне зависимости от размера окна браузера. В принципе и первая и вторая задача решаема с помощью маленького javascript но мне хотелось сделать это по уму…
Подробнее
В этой статье описан личный опыт двух человек: меня и моей коллеги Марии. Опыт людей, у которых совершенно не было знаний в SEO. Во второй половине 2019 года на нас легла ноша в виде продвижения 2-х сайтов проекта Ratatype. Сайтов молодых (рождены в 2019) и на иностранный рынок, языков которого мы не знаем (Франция и Испания), да еще и с очень ограниченным бюджетом. Что вы найдете в этой статье: Реальный кейс, который работал, работает и будет работать. Пошаговую инструкцию «Что?
Подробнее![[Перевод] LCH-цвета в CSS](https://habrastorage.org/webt/jj/fr/it/jjfritszxbwlykpz92aejsy07yw.jpeg)
Меня всегда интересовала наука о цвете. В 2014 году я выступала на разных конференциях, рассказывая о спецификации CSS Color 4. А до этого, в 2009 году, я написала программу для выбора цвета. Она использовала скрытый Java-апплет для поддержки цветовых профилей ICC и для правильной работы со CMYK. Это была, насколько я знаю, первая программа такого рода. Я никогда её не выпускала, но она привела к появлению этой публикации. Интерес к цвету свёл меня с человеком, который стал моим мужем. В…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Хочу поделиться своей интересной находкой, которая помогла мне наконец осуществить свою маленькую мечту. Объединить все свои рабочие инструменты единым стилем. И не просто стилем, а хорошо продуманным, выверенным и целостным. Что мне помогло этого добиться? Это палитра Nord, портированная для большинства современных и не очень редакторов, терминалов и не только. Если вам не чужда подобная мечта, прошу под кат. Читать дальше →
Подробнее
В CSS существует несколько способов представления цветов. Один из них — система HSL. В этой статье я покажу вам, какие возможности она открывает для верстальщика. Читать дальше →
Подробнее
Примечание от переводчика: этот текст — перевод-компиляция двух небольших англоязычных заметок, которые автор почему-то разделил на два разных текста. Я уверен, что логически они связаны и представляют некоторую ретроспективную ценность. В первую очередь тем, что оспаривают устоявшееся мнение о том, что раньше интернет был похож на бурлящий котел, первичный бульон, а сейчас он — стройный, понятный и с каждым годом становится все лучше. Конечно, местами автор перегибает палку, но во многом с
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Из песочницы] Если бы я учил 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. Например — оформить это всё в виде материала, который мог бы стать справочником для тех, кто интересуется тонкостями использования этого ключевого слова.
Подробнее