Ежедневные архивы: 16.07.2018

В коммерческой выдаче Google появился блок из органических результатов поиска

От автора: Google начал отображать список ссылок «Пользователи также ищут» в рекламной версии выдачи. Нововведение было негативно воспринято многими рекламодателями. Несколько дней назад маркетологи из США заметили, что Google начал отображать блок «Пользователи также ищут» в рекламной версии выдачи. Он выводится после того, как пользователь переходит по объявлению и возвращается назад на страницу поисковых результатов. Ранее этот блок использовался только ...

Читать далее »

Создание переворачивающихся карточек с помощью CSS3

От автора: довольно часто возникает необходимость показать дополнительную информацию при наведении на изображение. Например, сделать подпись для фото в блоге, или в интернет-магазине при наведении на фото товара показать краткое описание товара. В данном уроке мы с вами рассмотрим, как реализовать вывод информации по наведению на изображение с интересным эффектом перевертывания. По результатам урока мы сверстаем блок с фотографиями при ...

Читать далее »

Веб-кэширование страниц на примере покупки молока в магазине

От автора: если вы когда-либо покупали молоко в супермаркете, вы можете понять кеширование веб страниц на стороне сервера и на стороне браузера. Если вы являетесь активным пользователем Интернета (вероятно, так и есть), вы много раз использовали кеширование. Но, возможно, вы не знаете, когда и как оно работает своей магией за кулисами. С точки зрения разработчика, кеширование упрощает создание высокопроизводительных веб-приложений ...

Читать далее »

Что такое единица CSS «ch»?

От автора: я продолжаю наблюдать ситуацию, когда авторы и докладчики описывают единицу ch CSS как значение «ширины символа». Это приводит к утверждениям, что вы можете «сделать столбец контента шириной в 60 символов для максимальной читаемости» или «указать размеры изображения в определенном количестве символов!». Что ж… и да, и нет. В частности, да, если вы используете шрифты с фиксированной шириной. В ...

Читать далее »

Быстрое создание прототипа приложения с помощью CSS Grid и переменных CSS

От автора: CSS Grid и Переменные CSS предоставляют front-end разработчикам огромные возможности. Первая упрощает создание макетов веб-сайта, в то время как вторые привносят силу переменных в таблицы стилей. В этом руководстве я покажу вам, как использовать их вместе, чтобы получить быстрое создание прототипа приложения. Пример, который мы будем использовать, был взят непосредственно из моего бесплатного курса о том, как создать ...

Читать далее »