![[Перевод] Знакомимся с 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…
Подробнее
Доброго времени суток, друзья! Устал от JS, переключись на CSS! Задача Сделать анимированное слайдшоу средствами CSS. Слайдшоу можно использовать, например, в торжественных случаях для вывода фото на экран через проектор. Посредством зацикливания выводимые фото могут служить фоном для торжественной речи. Возможное решение Для слайдшоу возьмем странные «макрофото» Paweł Czerwiński (они прикольные). Итак, поехали. Читать дальше →
Подробнее![[Перевод] Методы скрытия элементов веб-страниц](https://habrastorage.org/webt/e9/jt/r4/e9jtr4svpvlwf-loqek6xyl8alm.jpeg)
Веб-разработчикам приходится скрывать элементы веб-страниц по самым разным причинам. Например, есть кнопка, которая должна быть видимой при просмотре сайта на мобильном устройстве, и скрытой — при использовании настольного браузера. Или, например, имеется некий навигационный элемент, который должен быть скрыт в мобильном браузере и отображён в настольном. Элементы, невидимые на странице, могут пребывать в различных состояниях: Некий элемент совершенно невидим и, более того, удалён из…
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] 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). Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Читать дальше →
Подробнее![[Перевод] Свойства Min и Max width/height в CSS](/uploads/habrahabr_logo.png){kind=logo}
Перевод «Min and Max Width/Height in CSS» Ахмада Шадида Порой у разработчиков возникает необходимость ограничить ширину элемента относительно родителя, и в то же время, оставить её динамичной. Задав таким образом начальный размер с возможностью расширения при наличии доступного пространства. Например, нам нужна кнопка, которая должна иметь минимальную ширину. Именно в таких ситуациях удобно использовать свойства максимума и минимума. В этой статье мы познакомимся с CSS-свойствами максимума
Подробнее
Я хочу рассказать о замечательном элементе и показать несколько примеров его использования, от простых до безумных. Читать дальше →
Подробнее![[Из песочницы] Кастомный виджет googleTranslate для сайта](https://habrastorage.org/webt/_p/l6/1j/_pl61jqw1ia7w2r7at13fdzwqre.gif)
Перед тем как преступить к написанию данной статьи, я решил посетить страницу где генерируется Google Translate Widget, чтобы узнать о возможных изменениях и увидел данное сообщение: Получить доступ к переводчику сайтов больше нельзя. Это никак не отразится на тех, кто уже установил соответствующий плагин. Советуем пользователям переводить веб-страницы с помощью браузеров, имеющих встроенную функцию перевода. Не сложно догадаться какой браузер имеет ввиду Google, но речь не об этом.
Подробнее
Здесь я поделюсь своими наработками для нормализации и сброса стилей. За несколько лет у меня сформировался небольшой файл, за основу которого, изначально, был взят нормалайз. Почему нормалайз, а не ресет. Он заточен именно под кросбраузерность, что очень важно. Но в чистом виде он меня вообще не устраивал, различные отступы, бордеры и т. д. только мешали, потому я немного подогнал его под свои потребности, поудаляв то, что мне было не нужно. Со временем файл разрастался, лишнее из
Подробнее
Введение В данном уроке я не открою тайну для матерых верстальщиков и гуру css, но данная статья будет полезна начинающим. именно здесь вы сможете узнать, как создавать всплывающие окна поверх всего сайта. Чаще всего такие окна появляются после совершения определенных действий на сайте, например, пользователь нажимает на ссылку «Заказать обратный звонок» и перед ним всплывает форма заказа. Очень удобно использовать PopUp окна в связке с ajax, но это уже тема другого урока. Читать дальше →
Подробнее