Главная » Статьи (страница 50)

Статьи

Создание уникального веб-опыта с помощью пользовательских курсоров на CSS

От автора: создание пользовательского курсора CSS для замены стандартного указателя мыши: для чего это нужно и подробное описание примера реализации. Как создать пользовательский курсор CSS всего за 5 минут? Узнаем из статьи. Демо того, что мы будем создавать Я пообедал, а потом сидел с полным животом и просто бесцельно просматривал красивые сайты. Я не помню, как я туда попал, но ...

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

Краткое введение в CSS-анимацию

От автора: как работает анимация CSS: работа со свойством animation, основной синтаксис, настройка параметров, примеры использования — об этом в статье. Анимация CSS применяется к элементу с помощью свойства animation. .container { animation: spin 10s linear infinite; } spin — это имя анимации, которое мы должны определить отдельно. Мы также указываем CSS выполнять анимацию последние 10 секунд, выполнять ее линейным ...

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

Google: динамический рендеринг избавит от ошибок индексирования JS

От автора: на Google I/O представители поисковика рассказали о проблемах, связанных с индексацией и анализом кода JavaScript на веб-страницах. Представители Google рассказали, что поисковый краулер анализирует код JS в два этапа: первичный проход и полный рендеринг, который осуществляется спустя несколько дней. При этом робот может упустить из виду важные элементы структуры веб-страниц. Например, метатеги и rel=”canonical”. Что может негативно сказаться ...

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

Удобный для пальцев ввод цифр с помощью «inputmode»

От автора: формы часто превращаются на мобильных устройствах в настоящий кошмар. Мы можем сделать процесс максимально безболезненным, подстраиваясь под контекст. Поля, в которые должен производиться ввод цифр, должны иметь числовой интерфейс. Для большинства платформ отобразить на небольших экранах цифровую клавиатуру довольно просто — используйте для этого <input type = «number»>. Эта большая кнопочная цифровая клавиатура удобна для пальцев и поможет ...

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

Решено с помощью CSS! Выпадающие меню

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

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

Россия обеспечит защищенным высокоскоростным интернетом всю планету

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

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

Движение по траектории в CSS помимо «большой тройки» свойств

Перевод статьи CSS Motion Path beyond the Big Three Properties с сайта danielcwilson.com, опубликовано на css-live.ru с разрешения автора — Дэна Уилсона. Хотя работает она только в Chromium-браузерах, а черновик ее спецификации всё еще активно разрабатывается, анимация движения по траектории (CSS Motion Path) немного повзрослела за эти три года с момента первой реализации в Chrome 46. Я уже описывал основы главного применения CSS Motion Path в ...

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

10 функций Lodash, которые можно заменить на ES6

От автора: на данный момент Lodash – самый зависимый от npm пакет, но, если вы будете использовать ES6 функции, он вам может не понадобиться. В этой статье мы рассмотрим нативные методы сбора со стрелочными функциями и другими функциями ES6, которые помогут нам в большинстве популярных случаев использования. 1. Map, Filter, Reduce Эти методы сбора упрощают трансформацию данных и имеют универсальную ...

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