Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда. Читать дальше →
Подробнее![[Из песочницы] CSS Containment](https://habrastorage.org/getpro/habr/post_images/fe6/86a/709/fe686a709ad7bf6c54c9e2015379e50f.jpg)
От переводчика: слог у Пола Льюиса весьма своеобразный, поэтому перевод исходной статьи местами может выглядеть странно. Замечания приветствуются. Containment (сдерживание) – новое CSS свойство, позволяющее разработчикам ограничить область применения стилей, компоновок и отрисовок для браузера. Свойство поддерживает несколько значений, и его синтаксис выглядит следующим образом: contain: none | strict | content | [ size || layout || style || paint ] Свойство уже есть в браузерах…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда Читать дальше →
Подробнее![[Из песочницы] 15 ошибок или советов HTML и CSS](/uploads/habrahabr_logo.png){kind=logo}
Ошибки и советы я написал по-своему опыту. Если найдутся ошибки типа «вредных советов», то буду рад услышать конструктивную критику. Пост предназначен для начинающих изучать HTML и CSS, но, возможно, специалистам тоже будет интересно ознакомиться с данным материалом. 1. W3C Validator Рекомендуется проверять HTML и CSS сайта через сервис validator.w3.org. Данный сервис просканирует код и отобразит ошибки, например: не закрыт тег; не рекомендованные символы в…
Подробнее
Когда вы слышите фразу “продвижение” — то вам всем в голову приходит примерно одно и тоже: сайт, seo, контекст, выставки и т.д. Но что, если скажу что существуют совершенно другие способы, о которых вы даже не догадывались? 99% людей, которые “в теме” эти способы точно не приходили в голову. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда Читать дальше →
Подробнее![[recovery mode] SEO оптимизация. Начало](https://habrastorage.org/files/4d1/540/3a4/4d15403a4d8b43dcbaea7d97ff4f2015.jpg)
Здрасте! Множество информации по SEO (оптимизация, продвижение, вот это вот все) разбросано по просторному интернету, создано множество статей и форумных топиков на эту тему. В данном посте, я собрал рекомендации и инструменты, которые касаются непосредственной страницы сайта (структура, код, вот это вот все). В статье вы найдете: структурные элементы страницы: заголовки, картинки, URL, контент. Рекомендации по их использованию и оценки важности в ранжировании. микроразметка: кто она и…
Подробнее
Если вы являетесь продвинутым SEO-специалистом и вывели из под алгоритма «Минусинск» не один десяток сайтов, то, возможно, больше половины этой статьи у вас вызовут эмоции типа «вода». Однако если вы ни разу не сталкивались с такой задачей или просто встречали обрывки информации по её решению, то здесь вы найдете очень много интересных и полезных вещей, которые помогут вам быстро решить данную проблему. Чуть больше года назад, 14.05.2015, Яндекс запустил алгоритм «Минусинск», нацеленный
Подробнее![[Из песочницы] Выбираем лучший онлайн-сервис по сжатию CSS](https://habrastorage.org/files/47e/e01/542/47ee0154204148c986c7254d9dd6b6ea.jpg)
В настоящее время существует огромное количество веб-инструментов по оптимизации CSS файлов. Большинство из них имеют собственный алгоритм работы (есть, конечно, и дубликаты). Эффективность самих программ тоже значительно отличается. Кроме того, некоторые оптимизаторы могут «ломать» CSS код, после чего стили становятся невалидными. Как показывает практика, процент таких «полезных» инструментов достаточно высок. Данная статья представляет собой отчет о проведенном тестировании наиболее…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда Читать дальше →
Подробнее![[Перевод] Сражаясь с БЭМ: 10 основных ошибок и как их избежать](https://habrastorage.org/files/1e3/3dd/12f/1e33dd12f8204190b53526df09c7269f.png)
Не важно, узнали ли вы о БЭМ только сейчас, или следите за ним с самого начала, вы, возможно, уже оценили столь полезную методологию. Если вы не знаете, что такое БЭМ, я рекомендую прочитать вам об этом на сайте БЭМ перед тем, как продолжить чтение этой статьи, потому что я буду использовать термины, которые предполагают базовое понимание этой CSS методологии. Эта статья нацелена на людей, которые уже используют БЭМ и желают использовать его более эффективно, а также на тех, кто хочет узнать
Подробнее