![[Перевод] Малоизвестные CSS-свойства](https://habrastorage.org/webt/jg/1v/zz/jg1vzzmhwmskhldvccpmvadfq1y.png)
Существует много CSS-свойств, о которых некоторые дизайнеры просто не знают. Или — знают, но забывают использовать эти свойства там, где они способны принести большую пользу. Некоторые из этих свойств могут помочь отказаться от использования JavaScript ради достижения некоего результата, некоторые позволяют экономить время за счёт написания меньших объёмов CSS-кода. Я, занимаясь фронтенд-разработкой, постоянно натыкаюсь на подобные свойства. Однажды я подумал о том, чтобы взять и
Подробнее![[Перевод] Motion Path: введение в современные анимации](https://habrastorage.org/webt/2u/_f/cn/2u_fcniqjpqief3c_ergrvdzpg0.gif)
Вам никогда не хотелось создать красивую анимированную главную страницу для вашего сайта? А представить флагманский продукт в лучшем виде с помощью тщательно проработанных анимаций? А как насчет того, чтобы привлечь внимание пользователей к ссылкам меню, движущимся по замысловатой траектории? Для того чтобы выполнить подобные пожелания, актуальные для современного мира веб-разработки, CSS-модуль Motion Path Module Level 1 дает возможность использовать абсолютно новый вид анимаций и…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] Упрощаем фоновые рисунки 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 — они даже разрешили сотрудникам (если это возможно) не приходить
Подробнее