![[Перевод] Упрощаем фоновые рисунки c помощью конических градиентов](https://habrastorage.org/webt/2n/pw/m3/2npwm3bnbqaixwbtvrzof34ynzo.png)
Один из известных способов создания повторяющихся фоновых узоров — это применение линейных градиентов. Но если использовать с этой же целью conic-gradient(), требуется значительно меньшее количество CSS-кода. Данное преимущество конических градиентов проиллюстрировано в статье несколькими примерами, взятыми из галереи Лии Веру. Нам предстоит рассмотреть орнамент из пирамид, шахматный рисунок, шахматный рисунок под наклоном, фон из треугольников, а еще нас ждет…
Подробнее
А Вас не посещала мысль, что вёрстка руками — это долго, дорого, избыточно и устарело? Меня вот постоянно. В данной статье я поверхностно затрону текущее состояние индустрии, проблематики и поделюсь результатами своих исследований. Интересно? Добро пожаловать под кат! Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Из песочницы] Как верстать веб-интерфейсы быстро, качественно и интересно](https://habrastorage.org/webt/k0/fz/yv/k0fzyvi9zx5je3znnsafgy1f_xa.jpeg)
Всем привет! Давно хотел и наконец написал небольшую книжку — бодрое пособие по своей профессиональной области: актуальным подходам к разметке интерфейсов, экранному дизайну и доступности. Она о моем оригинальном подходе к созданию GUI, препроцессорам CSS (для объективности, немного и об альтернативных подходах), и его эффективном практическом использовании с javascript и популярными реактивными компонентными фреймворками Vue и React. Материал представлен аккуратно последовательно, но
Подробнее![[Из песочницы] Отображение emoji в результатах поиска](https://habrastorage.org/webt/ub/o6/y1/ubo6y1xzwl90x4zi3zd-dqvvh8u.png)
Со временем в результатах поиска попадается все больше emoji и эта тенденция продолжится до тех пор пока поисковые системы не начнут их фильтровать. Присутствие заметного emoji в сниппете способно значительно повысить его CTR. Например, на моем статейном сайте средний CTR в Google вырос на 5,5% после включения emoji в title, description и микроразметку хлебных крошек. Но, выбирая emoji для продвигаемой станицы некоторые оптимизаторы руководствуются лишь их релевантностью контенту и…
Подробнее![[recovery mode] Для тех, кто покупает ссылки](/uploads/habrahabr_logo.png){kind=logo}
Статья не про «работают или не работаю ссылки», а для тех, кто занимается их покупкой или хочет самостоятельно начать это делать. В ней я дам некоторые рекомендации, опираясь на свой опыт по ссылочным биржам. На рассмотрение возьмем трех представителей. Общее правило — если вы не хотите бесплатно ссылку на этом сайте — не покупайте. 1. trastik.com Хочу более подробно написать о данной площадке, поскольку узнал о ней не так давно (ранее просто не было нужны в доп. биржах). Распишу без…
Подробнее![[Из песочницы] Как заставить Google полюбить вашего автора?](https://habrastorage.org/webt/ce/na/rv/cenarva-9smzun4rlu1sflh7hvm.png)
В сентябре 2019 года вышел новый алгоритм от Google E-A-T для борьбы с некачественным и не с экспертным контентом. Сильнее всего повлиял на сайты YMYL — Your Money or Your Life (кошелёк или жизнь). Это сильно ударило по маленьким и средним сайтам, большие сайты только в плюсе оказались. Репутация сайта и автора оценивается отдельно, чтобы получить максимальный бал при оценке достаточно иметь одну высокую репутацию у автора или у сайта. Экспертность автора — один из ключевых факторов…
Подробнее
Медленные страницы не просто тормозят, а сводят поисковую оптимизацию на нет. Можно сколько угодно вкладываться в контент и «расшаривание» сайта, но продолжать терять позиции из-за большого количества отказов. Читать дальше →
Подробнее![[Перевод] «Не выходя из прачечной». Как СЕО Google, Amazon, Nasdaq и Slack работают из дома](https://habrastorage.org/webt/tr/fl/k_/trflk_i6xwexwr3kj8p-qo9pf58.jpeg)
Пока коронавирус шагает по планете, даже руководители крупнейших в мире IT-компаний — которые привыкли летать из города в город, со встречи на конференцию, на частных самолетах — вынуждены сидеть в самоизоляции. В США правила отличаются от штата к штату, но в основном СЕО относятся к ситуации довольно серьезно, и не собираются подвергать свою жизнь неоправданному риску. Во многих компаниях — Google, Microsoft, Adobe, Facebook — они даже разрешили сотрудникам (если это возможно) не приходить
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[recovery mode] Crawc.net — создание и стилизация своих медиачатов](https://habrastorage.org/webt/bd/7u/dg/bd7udgtibtrilrjs6ghcfqpmavw.png)
Хочу рассказать о своем проекте. Это чат, а если точнее платформа медиачатов — это значит что тут можно создать и оформить свой однокомнатный чат с поддержкой медиа-контента в сообщениях и вставить его себе на сайт через iframe. Проект только недавно вышел из стадии Бета-версии. Мне много раз говорили что я пишу велосипед, но такого на просторах рунета еще не было. Есть куча чатиков, но они не предоставляют и половины функционала Кравча, а выглядят невероятно хреново. Я потратил огромное…
Подробнее![[Перевод] Использование Grid для макетов страниц, а Flexbox — для макетов компонентов](https://habrastorage.org/webt/ew/z3/_r/ewz3_rp0h73cndoudhfwrtoubhi.jpeg)
Мой брат недавно отучился на компьютерщика и сейчас завершает стажировку в области фронтенд-разработки. Он узнал и о CSS Grid, и о CSS Flexbox, но в том, как он пользуется этими механизмами создания макетов, я отметил одну особенность, с которой я уже сталкивался. А именно, ему тяжело даётся принятие решений о том, когда использовать Grid, а когда — Flexbox. Например, он использовал CSS Grid для создания макета заголовка сайта. При этом он отметил, что довести проект до ума ему было нелегко,
Подробнее