![[Перевод] Знакомимся с Web Animations API](https://habrastorage.org/webt/vz/iy/c7/vziyc7iwexatwqry7oyh3apukf8.png)
Доброго времени суток, друзья! Представляю Вашему вниманию перевод статьи Charlie Gerard «Exploring the Web Animations API». Знакомимся с Web Animations API Веб API постоянно эволюционируют. Некоторые из них, такие как Console или Canvas, хорошо поддерживаются всеми браузерами, другие по-прежнему находятся на стадии разработки. Одним из API, находящимся на стадии разработки, является Web Animations API или WAAPI. Несмотря на то, что первый вариант спецификации был опубликован в 2012…
Подробнее![[recovery mode] Двухуровневый линкбилдинг + плавные и стабильные пропорции роста = рост видимости в поисковых системах](/uploads/habrahabr_logo.png){kind=logo}
Маленькое превью В современных рыночных условиях, IT проект (стартап), просто обязан, в своем арсенале интернет-маркетинговых инструментов, развивать SEO направление, так как органический, ежедневный приток заинтересованных пользователей, является фундаментальным фактором успеха проекта. Ближе к сути Факторы внутренней оптимизации мы пропустим, и перейдем к одному из инструментов внешней оптимизации — линкбилдингу. Конкретно в данной статье рассмотрим одну из…
Подробнее
Классический новостной портал на основе DataLife Engine. Именно для подобных сайтов DLE оптимален. Тем приятнее было работать над данным проектом.
Подробнее
Доброго времени суток, друзья! Устал от JS, переключись на CSS! Задача Сделать анимированное слайдшоу средствами CSS. Слайдшоу можно использовать, например, в торжественных случаях для вывода фото на экран через проектор. Посредством зацикливания выводимые фото могут служить фоном для торжественной речи. Возможное решение Для слайдшоу возьмем странные «макрофото» Paweł Czerwiński (они прикольные). Итак, поехали. Читать дальше →
Подробнее![[Перевод] Методы скрытия элементов веб-страниц](https://habrastorage.org/webt/e9/jt/r4/e9jtr4svpvlwf-loqek6xyl8alm.jpeg)
Веб-разработчикам приходится скрывать элементы веб-страниц по самым разным причинам. Например, есть кнопка, которая должна быть видимой при просмотре сайта на мобильном устройстве, и скрытой — при использовании настольного браузера. Или, например, имеется некий навигационный элемент, который должен быть скрыт в мобильном браузере и отображён в настольном. Элементы, невидимые на странице, могут пребывать в различных состояниях: Некий элемент совершенно невидим и, более того, удалён из…
Подробнее
Последние несколько лет мы наблюдаем множество изменений в мире веб технологий. В 2020 году, я хочу обратить ваше внимание на два основных тренда/цели которые есть у веб комьюнити: расширяемость и совместимость. Расширяемость (Extensibility) Расширяемость это когда вы можете взять технологию и расширить ее для своих нужд. На протяжении нескольких лет мы используем компоненты повсюду, как в качестве разработки приложений (компоненты на React, Vue, Svelte) так и в качестве…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] Серфинг интернета геймпадом (Javascript)](https://habrastorage.org/webt/ep/vg/pu/epvgpuyawysxaiqnq7p0vkfv_9y.jpeg)
Сидя за столом, вы используете мышку и клавиатуру, сидя на диване — скорей всего тачпад ноутбука или тачскрин планшета. Возможно, вы даже используете Leap Motion и управляете компьютером с помощью жестов. Как вы уже поняли, существует множество способов серфить интернет и управлять вашим компьютером. Геймпад может быть одним из них. В этой статье я поделюсь с вами как: подключить геймпад к браузеру слушать события геймпада контролировать фокус на элементах страницы…
Подробнее
Доброго времени суток, друзья! Задача Сделать нечто похожее на Dashboard на Codepen. Результат должен быть примерно следующим: Возможное решение Разметка одной секции может выглядеть так: Title Читать дальше →
Подробнее![[Перевод] RTL Styling 101 — подробное руководство по RTL-стилизации в CSS](https://habrastorage.org/webt/-v/kw/2u/-vkw2uufkj03he5tbdy-ztvor-4.jpeg)
Перевод «RTL Styling 101 — An extensive guide on how to style for RTL in CSS» Ахмада Шадида. Более 292 миллионов людей во всём мире говорят на арабском, как на родном языке. К ним отношусь и я, поэтому иногда разрабатываю сайты, которые должны поддерживать оба направления написания текста: слева направо (LTR – Left To Right) и справа налево (Right To Left). Читать дальше →
Подробнее
Всем привет, сегодня я расскажу вам как разрабатывал кнопку для XMars UI проекта. О да, вроде мелочь, но есть о чем рассказать. Я опущу детали которые связаны с добавлением нового компонента в опенсорс проект. Более детально я расскажу про проект в отдельной статье. Введение XMars UI — это один из моих новых опенсорс проектов. Простая библиотека UI компонентов под HTML / CSS и React. В будущем планирую поддерживать Vue. Пока в ней только кнопка и иконки :) Проект родился…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
